最基础的Html标签使用js

2024年4月18日 91次阅读

前言

最近由于需求，需要在本地创建一个静态html。
但是又需要给html中传值。

差不多十多年没有接触过html脚本了。下面记录一下碰见的问题和解决方法

1，如何在本地html启动后加载

<script type="text/javascript">
    window.onload=function(){
    执行你写的脚本。 
     这个方法会在window 加载成功后进行自动调用。
   );
    }

2.如何将url中发送的参数在页面中显示

<div>
    <center><font size="5" color="black" id="k1"></font></center>
    <center><font size="5" color="black" id="k2"></font></center>
</div>
<script type="text/javascript">
    window.onload=function(){
    var url = document.location.toString();//获取url地址
    var urlParmStr = url.slice(url.indexOf('?')+1);//获取问号后所有的字符串
    var arr = urlParmStr.split('&');//通过&符号将字符串分割转成数组
    //由于我知道固定只有两个值，所以取该值，还可以通过for（） 进行遍历arr值
var node1 = document.createTextNode(arr[0])
var node2 = document.createTextNode(arr[1])

document.getElementById("k1").appendChild(node1 );
document.getElementById("k2").appendChild(node2 );
}
</script>
点赞