当前位置：首页 - 正文

onload 与动态添加DOM元素

发布网友发布时间：2022-05-15 19:41

共3个回答

懂视网时间：2022-05-16 00:03

通过点击某个元素后，动态创建一个DOM元素并显示，在此记录：

使用示例：

热心网友时间：2022-05-15 21:11

1、func1中涉及到了页面dom元素的操作，如果不放在onload事件中而是直接运行，那么这时候页面的dom元素（比如ul）极可能尚未加载到内存，会造成操作失败。放在onload中，则可百分百保证整个页面的dom结构都已加载到内存，这样就能保证运行成功了。

2、alert()是系统级的模态提示框，它在显示的时候，整个脚本都会暂停运行（或者叫“挂起”），关闭提示框后才会继续运行。也就是说，表面上看func2是比func1先运行的，但其实func1确实是先运行的，但即使电脑的运行速度再快，运行总是要花时间的，而就在func1努力运行但尚未显示出结果时，func2的alert已经弹出来并把整个脚本暂停了，这样func1就僵在那了，看起来就好像是它还没运行一样。

3、没有完美的解决办法，要么你可以自建一个非模态的提示框，要么可以采用延时执行的方式，比如：

window.onload=function(){
func1();
setTimeout(func2,100);
}

热心网友时间：2022-05-15 22:29

你在js中定义的是inset，在butto写的是insert，字母都拼错了
下面是我修改的代码，去掉了一些不必要的东西，Window.onload不要乱用，只需要定义一个function，在元素里面调用就行了。。
!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title></title>
<script type="text/javascript">
function inset()
{
console.log("ok");
}
</script>
</head>
<body>
<button onclick="inset()">test</button>
</body>
</html>

声明：本网页内容为用户发布，旨在传播知识，不代表本网认同其观点，若有侵权等问题请及时与本网联系，我们将在第一时间删除处理。
E-MAIL:11247931@qq.com

焦点

onload 与动态添加DOM元素

最新推荐

猜你喜欢

热门推荐

onload 与 动态添加DOM元素

最新推荐

猜你喜欢

热门推荐

onload 与动态添加DOM元素