如何在html里面的js中写一个后台一样的代码

JavaScript012

如何在html里面的js中写一个后台一样的代码,第1张

JS输入输出HTML代码有2种方式：

1、在需要输出的的位置写JS代码：<script>document.write('需要输出的内容')</script>

比如：

<ul>

<script>document.write('<li><a href="/wap2/newsPage/1320">5</a></li><li><a href="/wap2/newsPage/1319">4</a></li><li><a href="/wap2/newsPage/1318">3</a></li><li><a href="/wap2/newsPage/1317">2</a></li><li><a href="/wap2/newsPage/1316">1</a></li>')

</script>

</ul>

2、采用js的innerHTML方法：

例子

<ul id="ul"></ul>

<script>

document.getElementById("ul").innerHTML='<li><a href="/wap2/newsPage/1320">5</a></li><li><a href="/wap2/newsPage/1319">4</a></li><li><a href="/wap2/newsPage/1318">3</a></li><li><a href="/wap2/newsPage/1317">2</a></li><li><a href="/wap2/newsPage/1316">1</a></li>'

</script>

所谓动态写入方法就是源文件代码中原来没有内容或者需要重新改变此处的要显示的文字或内容，需要用JavaScript代码来实现。动态写入是一种很常见常用的方法。1、用innerHTML写入html代码：<div id="abc"></div><script>document.getElementById("abc").innerHTML="要写入的文字或内容"</script>2、appendChild() 方法：<ul id="myList"><li>Coffee</li><li>Tea</li></ul><button onclick="myFunction()">点击向列表添加项目</button><script>function myFunction(){var node=document.createElement("LI")var textnode=document.createTextNode("Water")node.appendChild(textnode)document.getElementById("myList").appendChild(node)}</script>

HTML中引用JS 步骤如下：

1、打开电脑端html编辑器，然后新建HTML文件，以便待会用来引入js文件。

2、如图，如果想在head标签中使用javascript脚步，那么最好加入window.onload,然后在花括号里面写js代码。

3、而如果是在body下边，那就好办多了，可以直接在script里面写js代码，不需window.onload。

4、也可以新建js文件，把html和js分离。

5、然后在js文件里面写代码，注意不要用script标签。

6、然后在script里面用src来把之前的js文件链接好即可。