JS代码可插入到”head"标签之间。编写Javascript代码,代码内容,并将该段代码复制到网页文件”sample.html“中标签”<head>"和“</head>之间,然后查看网页文件的显示内容。
JS代码可插入到文档中,一般位于相关联的标签的后面。例如:我们想要实现点击“Show”按钮时弹出一个对话框,则可编辑如下的Javascript代码。其中需要在按钮标签内注册添加"onClick"事件。
当用鼠标点击“Show”按钮时就会弹出窗口。在窗口中显示我们定义的文本内容“The Show Button Has Been Clicked!"。点击”确定“即可关闭窗口。
还可以将JS代码单独写在一个文件中,然后在需要的网页文件中直接通过"Script"标签引用。例如:我们想要实现当用鼠标点击文本框时,文本框内会被写入“Hello!百度经验”字样的效果。那么首先创建一个新的JS文件“MyHello.js",并在文件中输入代码:
修改网页文件"sample.html"文件,添加代码,其中包括对外部JS文件”MyHello.js“的引用,以及为文本框添加的获取焦点注册事件。
最终网页。 当点击文本框时就会出现“Hello!百度经验”字样。
在JS中插入短的HTML代码,可以通过先使用一个函数来包着,你要添加的HTMl代码,然后在使用innerHTML这个函数提取就行,在你的HTMl中添加一个事件就行,然后调用这个函数就行了,具体的我提供例子给你看下:<html>
<head>
<script>
function
insert(){
var
insertText
=
"<table><tr><td>any
thing</td></tr></table>"
document.getElementById("insert").innerHTML(insertText)
}
</script>
</head>
<body>
<button
onclick="insert()">Insert</button>
<div
id="insert"></div>
</body>
</html>