如何使用JavaScript

admin 发布于:2015-11-12 17:45 栏目: 浏览:526 评论:0

一、应用<script>标签加入JavaScript

任何脚本语言均可以通过<script>...</script>标记对加入到HTML代码中(即是加入到网页文档<html>...</html>之间)。在<script>中加入language

属性,告诉浏览器脚本中使用的是何种脚本语言。

网页在打开时,浏览器由上至下依次解释文档中代码,当遇到<script>标记时,脚本代码开始,当遇到</script>时,脚本代码结束。

二、利用SRC属性级联脚本文件

利用<script>标记的SRC属性可以在网页中使用外部的JavaScript脚本文件。

当我们需要重复在不同网页中使用相同的脚本代码来完成相同功能时,我们可以将共享代码写入文件,保存为后缀是"js"的文档,然后利用<script>

标记的SRC属性来引用。注意:后缀名为"js"的文档中只能包含JavaScript语句,而不应包含其他语句,也不能写入<script>标记。实现如下:

首先,新建exa.js文件,代码如下:

window.alert("欢迎光临")  

 

然后,建立主页页面,在<head>与</head>之间写如下代码:<script src="exa.js"></script>,完整的主页代码如下:

        

&lt;html&gt;  
        &lt;head&gt;
                 &lt;title&gt;SRC属性&lt;/title&gt;  
                  &lt;script src="exa.js"&gt;&lt;/script&gt;  
        &lt;/head&gt;  
        &lt;body &gt;  
                   使用src属性级联外部JavaScript脚本文件。  
        &lt;/body&gt;  
&lt;/html&gt;

三、在HTML中直接嵌入

如果脚本代码只有一句,我们可以直接将脚本代码加入到html标记中,此时JavaScript脚本前必须加上“javascript:”前缀。实现如下

&lt;html&gt;  
       &lt;head&gt;  
       &lt;title&gt;JavaScript-弹出欢迎对话框&lt;/title&gt;  
       &lt;body onload="javascript: window.alert('欢迎光临')"&gt;  
        
  
       &lt;/body&gt;  
       &lt;/html&gt;

onload是文档对象模型中的一个事件,该事件发生在文档加载前,即是是文档加载前执行onload事件中的脚本语句。

游客

返回顶部