怎样在网页中插入JavaScript代码_IT百科

步骤

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

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

// javascript.js

var head = document.head || document.getElementsByTagName('head')[0]

var script = document.createElement('script')

var style = document.createElement('style')

script.innerHTML = '$("div").wrapInner("<div>545454</div>")'

style.innerHTML = 'body{background-color:#f30}'

head.appendChild(script)

head.appendChild(style)

需要准备的材料分别有：电脑、html编辑器、浏览器。

1、首先，打开html编辑器，新建html文件，例如：index.html。

2、在index.html中的<script>标签，输入js代码：$('head').append('<style>div{font-size: 32px}</style>')。

3、浏览器运行index.html页面，此时发现js成功将css代码添加到<head>标签的<style>标签中。

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

怎样在网页中插入JavaScript代码