在html中添加script脚本的2种方法和注意事项

在html中添加script脚本有两种方法,直接将javascript代码添加到html中与添加外部js文件,这两种方法都比较常用,大家可以根据自己需要自由选择

 

在html中添加<script>脚本的方法:

1、可以直接将javascript代码添加到html中

复制代码
代码如下:

<script type="text/javascript">
//javascritp代码
</script>

当解释器嵌入<script>代码时,html页面的处理也会被暂时停止。

2、添加外部js文件

复制代码
代码如下:

<script type="text/javascript" src="外部.js代码的地址"></script>

注意事项:
① 在XHTML文档中,可以省略</script>标签,例如:

复制代码
代码如下:

<script type="text/javascript" src="example.js" />

但是在html中不能省略</script>标签,这种标签不符合HTML规范,所以得不到某些浏览器的正确解析。

② 最好将<script>标签放在</body>标签之前,这样能使浏览器更快的加载页面。

③在使用<script>嵌入JavaScript代码时,不要在代码中的任何地方出现“</script>”字符串。例如,浏览器加载下面的代码就会产生错误:

复制代码
代码如下:

<script type="text/javascript">
function function1(){
alert("</script>");
}

因为按照解析嵌入式代码的规则,当浏览器遇到字符串“</script>”时,就会认为那是结束的</script>标签。如果想在代码中添加</script>字符串,可以写成</script>

时间: 2024-08-22 14:25:10

在html中添加script脚本的2种方法和注意事项的相关文章

Linux中执行shell脚本的4种方法总结_linux shell

bash shell 脚本的方法有多种,现在作个小结.假设我们编写好的shell脚本的文件名为hello.sh,文件位置在/data/shell目录中并已有执行权限. 方法一:切换到shell脚本所在的目录(此时,称为工作目录)执行shell脚本: 复制代码 代码如下: cd /data/shell ./hello.sh ./的意思是说在当前的工作目录下执行hello.sh.如果不加上./,bash可能会响应找到不到hello.sh的错误信息.因为目前的工作目录(/data/shell)可能不在

rc local-在 rc.local 中添加shell脚本开机启动后,如果需要用到数据库,会报错,怎么解决

问题描述 在 rc.local 中添加shell脚本开机启动后,如果需要用到数据库,会报错,怎么解决 会出现这样的报错,感觉是数据库还没启动完. OperationalError: (2006, 'MySQL server has gone away') 但是已经加了非常长的延时,还是不行,开机后自己手动启动的话就不会出现在这个问题,怎么解决 解决方案 你需要放在数据库启动之后.不然你的脚本启动的时候,数据库还没有启动 解决方案二: 你明白出错的原因啊,放在数据库启动完了之后在执行这个脚本就OK

C#用正则表达式去掉Html中的script脚本和html标签

原文 C#用正则表达式去掉Html中的script脚本和html标签 /// <summary>         /// 用正则表达式去掉Html中的script脚本和html标签         /// </summary>         /// <param name="Htmlstring"></param>         /// <returns></returns>         public st

Word2013文档中添加书签和定位书签的方法

Word2013添加书签 1.打开Word,鼠标点在要插入书签的位置,单击"插入"选项卡,在"链接"组中点击"书签"按钮. 文档中添加书签和定位书签的方法-word文档添加书签"> 2.弹出"书签"对话框,然后输入书签名,点击"添加"完成. Word2013定位书签 1.打开添加过书签的Word的文档,单击"插入"选项卡,在"链接"组中点击"

Jquery中ajax提交表单几种方法(get、post两种方法)

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

Jquery中ajax提交表单几种方法(get、post两种方法)_AJAX相关

在jquery中ajax提交表单有post与get方式,在使用get方式时我们可以直接使用ajax 序列化表单$( 表单ID) serialize();就行了,下面我来介绍两个提交表单数据的方法.$get方式提交表单get() 方法通过远程HTTP ,下面我来介绍两个提交表单数据的方法. $get方式提交表单 get() 方法通过远程 HTTP GET 请求载入信息 格式 $(selector).get(url,data,success(response,status,xhr),dataType

JS中动态创建元素的三种方法总结(推荐)_javascript技巧

1.动态创建元素一 document.write() 例如向页面中输出一个 li 标签 <pre class="html" name="code"><span style="font-size:12px;"><script> document.write("<li>123</li>"); </script></span> body标签中就会插入

Flash中实现物体运动的三种方法

现在用Flash开发的游戏是越来越多了.很多朋友也很想学习用Flash制作游戏的方法.大家知道,不管在什么游戏中,实现物体的运动是游戏的前提,而不同的游戏里物体移动的方式又不尽相同.所以,想学习制作Flash游戏的朋友今天就先随我一起学学在Flash中实现物体运动的几种方法吧.几种方法如下: 方法一:通过单击按钮实现物体的单位运动 这种方法一般在需要按键的游戏中使用.你也可以给某个实体加上这段代码,然后通过单击这个实体达到某种游戏效果. 1.打开Flash,按快捷键"Ctrl + M"

实用技巧:PHP中调用Java类的两种方法

Java语言功能强大,因此在许多情况下在php中来调用Java的功能将十分有用.在php中调用Java语言有两种方法,一种是使用php中的Java扩展模块,另一种是使用minij2ee应用服务器提供的SJOP协议实现.下面我们来比较一下这两种方法各自的特点. 1.php的Java模块 php发布版中包含一个Java扩展模块,可以用来调用Java对象,例如: <?php$system=new Java("java.lang.System");print "Java ver