javascript 使用

1. 标签

在 html 中，javascript 代码必须位于 标签之间。

范例

 
document.getelementbyid("demo").innerhtml = "我的第一段 javascript";
 

注释：旧的 javascript 例子也许会使用 type 属性：。

注释：type 属性不是必需的。javascript 是 html 中的默认脚本语言。

2. 或 中的 javascript

您能够在 html 文档中放置任意数量的脚本。

脚本可被放置与 html 页面的 或 部分中，或兼而有之。

1） 中的 javascript

在本例中，javascript 函数被放置于 html 页面的 部分。

该函数会在按钮被点击时调用：

范例

   
function myfunction() {
    document.getelementbyid("demo").innerhtml = "段落被更改。";
}


一张网页
一个段落


 

2） 中的 javascript
在本例中，javascript 函数被放置于 html 页面的  部分。
该函数会在按钮被点击时调用：
范例
  
a web page
一个段落
 

提示：把脚本置于  元素的底部，可改善显示速度，因为脚本编译会拖慢显示。
 
3. 外部脚本
脚本可放置与外部文件中：
1）外部文件：myscript.js
function myfunction() {
   document.getelementbyid("demo").innerhtml = "段落被更改。";
}
 
外部脚本很实用，如果相同的脚本被用于许多不同的网页。
javascript 文件的文件扩展名是 .js。
如需使用外部脚本，请在  标签的 src (source) 属性中设置脚本的名称：
范例
  


您可以在  或  中放置外部脚本引用。
该脚本的表现与它被置于  标签中是一样的。
注释：外部脚本不能包含  标签。
2）外部 javascript 的优势
在外部文件中放置脚本有如下优势：

分离了 html 和代码
使 html 和 javascript 更易于阅读和维护
已缓存的 javascript 文件可加速页面加载

如需向一张页面添加多个脚本文件 - 请使用多个 script 标签：
范例
  

3）外部引用
可通过完整的 url 或相对于当前网页的路径引用外部脚本：
本例使用完整的 url 来链接至脚本：
范例
 


本例使用了位于当前网站上指定文件夹中的脚本：
范例
 

本例链接了与当前页面相同文件夹的脚本：

                        
                        
下一节：js 输出
js 教程