沧州北京网站建设,模板做网站优缺点,做网站带吗,有没有做的很炫的科技型网站JavaScript引入方式
JavaScript 程序不能独立运行#xff0c;它需要被嵌入 HTML 中#xff0c;然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中#xff0c;一般以下方式:
外部方式内部方式JavaScript元素事件通过JavaScript伪URL引…JavaScript引入方式
JavaScript 程序不能独立运行它需要被嵌入 HTML 中然后浏览器才能执行 JavaScript 代码。通过 script 标签将 JavaScript 代码引入到 HTML 中一般以下方式:
外部方式内部方式JavaScript元素事件通过JavaScript伪URL引入
外部形式
外部形式就是把HTML代码和JavaScript代码都各自单独放在不同的文件中然后在HTML文档中使用script标签来引入JavaScript代码
步骤将 JavaScript 代码写在独立的以 .js 结尾的文件中然后通过 script 标签的 src 属性引入
语法
// demo.js
document.write(这是demo.js文件内容)!--demo.html--
!DOCTYPE html
html langen
headmeta charsetUTF-8titleJavaScript引入方式/title!-- 外部形式通过 script 的 src 属性引入独立的 .js 文件 --!--1.外部形式在head中引入--script srcdemo.js/script
/head
body!--2. 外部形式在body中引入--script srcdemo.js/script
/body
/html在script标签中只需引入src这一个属性即可。src,是source的意思表示文件路径
如果在 script 标签使用 src 属性引入了某 .js 文件后script标签内再写了代码那么 标签内的代码会被忽略 实例
!DOCTYPE html
html langen
headmeta charsetUTF-8titleJavaScript引入方式/title
/head
body!-- 外部形式通过 script 的 src 属性引入独立的 .js 文件 --script srcdemo.js// 此处的代码会被忽略掉console.log(这代码会被忽略掉)/script
/body
/html内部方式
内部方式指的是把HTML代码和JavaScript代码都放在同一个文件中。其中JavaScript代码都写在script标签内。
语法
!DOCTYPE html
htmlheadmeta charsetutf-8title内部引入/title!-- 内部形式通过 script 标签包裹 JavaScript 代码 --!-- 1.在head中引入 --script//js代码....../script/headbody!-- 2.在body中引入 --script//js代码....../script/body
/html从上该实例中看出内部样式JavaScript文件不仅可以在head中引入也可以在body中引入。
其中script/script是一种简写形式等价于如下代码
script typetext/javascriptconsole.log(script标签完整写法)
/script实例
!DOCTYPE html
htmlheadmeta charsetutf-8title内部引入/title!-- 内部形式通过 script 标签包裹 JavaScript 代码 --!-- 1.在head中引入 --scriptconsole.log(这是js代码)/script/headbody!-- 2.在body中引入 --scriptconsole.log(这是js代码)/script/body
/htmlJavaScript元素属性
元素属性JavaScript指的是在元素的”事件属性中直接编写JavaScript代码或调用JavaScript函数 实例
!DOCTYPE html
htmlheadmeta charsetutf-8title在元素事件中编写JavaScript/title/headbodyinput typebutton value按钮 onclickalert(你触发了alert事件)/body
/html运行结果
实例在元素事件中调用函数
!DOCTYPE html
htmlheadmeta charsetutf-8title在元素事件中调用函数/titlescriptfunction example(){alert(你触发了example函数)}/script/headbodyinput typebutton value按钮 onclickexample()//body
/html运行结果
通过JavaScript伪URL引入
在多数支持JavaScript脚本的浏览器中可以通过JavaScript伪URL地址调用语句来引入JavaScript脚本代码。一般格式如下
JavaScript:alert(你好)实例
a hrefjavascript:alert(你好?)点击/a伪URL地址可用于文档任何地方并触发任意数量的JavaScript函数或对象固有的方法。多用于表单验证、超链接等。
