将js代码投放在网页流程_IT百科

新建一网页文件“sample.html",用记事本或其它文本编辑软件（如UltraEdit）打开，输入如图所示的HTML代码。该网页文件包括一个蓝色的字符串，一个按钮和一个文本框。

JS代码可插入到”head"标签之间。编写Javascript代码，代码内容如图所示，并将该段代码复制到网页文件”sample.html“中标签”<head>"和“</head>之间，然后查看网页文件的显示内容。

JS代码可插入到文档中，一般位于相关联的标签的后面。例如：我们想要实现点击“Show”按钮时d出一个对话框，则可编辑如下的Javascript代码。其中需要在按钮标签内注册添加"onClick"事件。

当用鼠标点击“Show”按钮时就会d出窗口。在窗口中显示我们定义的文本内容“The Show Button Has Been Clicked!"。点击”确定“即可关闭窗口。

还可以将JS代码单独写在一个文件中，然后在需要的网页文件中直接通过"Script"标签引用。例如：我们想要实现当用鼠标点击文本框时，文本框内会被写入“Hello!百度经验”字样的效果。那么首先创建一个新的JS文件“MyHello.js",并在文件中输入如图所示的代码：

修改网页文件"sample.html"文件，添加如图所示的代码，其中包括对外部JS文件”MyHello.js“的引用，以及为文本框添加的获取焦点注册事件。

最终网页的效果如图所示。当点击文本框时就会出现“Hello！百度经验”字样。

当要把JavaScript代码插入HTML页面里面，需要使用 <script>标签（同时使用 type 属性来定义脚本语言）。

这样，<script type="text/javascript">和 </script>就可以告诉浏览器 JavaScript 从何处开始，到何处结束。

例如：xxxx字段是JavaScript代码效果执行，用来向页面写入输出。

把xxxx命令输入到 <script type="text/javascript">与</script>之间后，浏览器就会把它当作一条 JavaScript 命令来执行。这样浏览器就会向页面写入 "wwww"。

<html><body><script type="text/javascript">document.write("wwww")</script></body></html>

最后的结果就会在页面上显示“wwww”效果，从而实现JS特效在页面上的插入。

欢迎分享，转载请注明来源：内存溢出

将js代码投放在网页流程