javascript加入网页有几种方法

时间：2021-07-22 来源：互联网

今天PHP爱好者给大家带来js加入网页的方法介绍，分别是：1、直接方式，语法格式为“<script>js代码</script>”；2、引用方式，语法格式“<script src=“js地址” type="text/javascript"></script>”。希望对大家有所帮助。

1、直接方式

　　这是最常用的方法，大部分含有Javascript的网页都采用这种方法，如：

<script type="application/javascript">
　　<!--
　　document.write("这是Javascript！采用直接插入的方法！");
　　//-Javascript结束-->
　　</script>

　　在这个例子中，我们可看到一个新的标签： <script>……</script>，而<script language="Javascript"> 用来告诉浏览器这是用Javascript编写的程序，需要调动相应的解释程序进行解释。（w3c已经建议使用新的标准：<script type="application/javascript">)

HTML的注释标签：用来去掉浏览器所不能识别的Javascript源代码的，这对不支持 Javascript 语言的浏览器来说是很有用的。

　　注意在非xhtml文档中插入script标签时，如果不是引用外部文件，应该在script内加上cdata声明，避免大于和小于运算符引起的浏览器解析错误

　　//-Javascript结束：双斜杠表示 Javascript的注释部分，即从//开始到行尾的字符都被忽略。至于程序中所用到的document．write（）函数则表示将括号中的文字输出到窗口中去，这在后面将会详细介绍。另外一点需要注意的是，<script>……</script>的位置并不是固定的，可以包含在<head>......</head> 或<body>.....</body>中的任何地方。

　　还有一个更高级版本的嵌入脚本，它使用了HTML中的CDATA语法（Character Data，就是把CDATA中的文本全部当作纯文本处理，除非遇到CDATA的结束）

<script language="javascript" type="text/javascript"><!--//--><!CDATA[[//><!--
　　//javascript代码
　　//--><!]]></script>

2、引用方式

　　如果已经存在一个Javascript源文件（通常以js为扩展名），则可以采用这种引用的方式，以提高程序代码的利用率。其基本格式如下：

<script src=“url” type="text/javascript"></script>

　　其中的Url就是程序文件的地址。同样的，这样的语句可以放在HTML文档头部或主体的任何部分。如果要实现“直接插入方式”中所举例子的效果，可以首先创建一个Javascript源代码文件“Script.js”，其内容如下：

document.write("这是Javascript！采用直接插入的方法！");

　　在网页中可以这样调用程序：<script src="Script.js" type="text/javascript"></script> 。

　　也可以同时在导入文件时制定javascript的版本，例如：<script src="Script.js" type="text/javascript; version=1.8"></script>

　　注意：凡是指定了src属性的script标签里的内容都会被忽略。

以上就是javascript加入网页有几种方法的详细内容，更多请关注php爱好者其它相关文章！