页面载入中,请稍后...

点我安装PWA
您已拒绝通知
    广告广告

    【window.onload=function()冲突的解决方法】

    qaq卟言2021-01-28 08:10:50 JavaScriptHtml
    小人奔跑效果开始
    • 最近给首页添加了一个静态化分页,本来写好了,样式也是弄好了,正开心着
    • window.onload=function()冲突的解决方法1.png
    • 好家伙,文章标签又出问题了
    • window.onload=function()冲突的解决方法2.png
    • 查看其它文章发现文章标签没问题
    • window.onload=function()冲突的解决方法3.png
    • 然后打开浏览器开发者模式发现没有报错
    • window.onload=function()冲突的解决方法4.png
    • 那就看看js源码脚本了,认真查看这两个js,果然发现问题了,文章标签跟分页中的window.onload = function(){}冲突
    • window.onload=function()冲突的解决方法5.png
    • window.onload=function()冲突的解决方法6.png
    • 详细描述比如在一个页面中有两个JavaScript分别都用到了window.onload
    • 一个是window.onload=function(){...},另一个也是window.onload=function(){...}
    • 这样就造成了一个JavaScript 运行不了(一般是第一个)
    • 解决办法第一个写成这样
    • window.onload=function(){onload1();} 
    • 第二个写成这样
    • window.onload1=function
    • 如果有多个就写多个,改相应的地方就行了
    • 这个也就是集中window.onload一次
    • 改正后第一个代码
    • window.onload=function()冲突的解决方法7.png
    • 第二个
    • window.onload=function()冲突的解决方法8.png
    • 运行
    • window.onload=function()冲突的解决方法9.png
    • 其他页面也没问题
    • window.onload=function()冲突的解决方法10.png
    • 哦几把卡,完美解决😬
    完结

    🔖本文来源:qaq卟言的个人博客网站声明如损害你的权益请联系我们

    ©️版权声明:本文为【qaq卟言】原创文章,写作不易,转载请您添加本文链接,谢谢您的合作!

    📜著作协议:《知识共享署名-非商业性使用-相同方式共享 4.0 国际许可协议

    ⚠️部分文章图片来自网络,可能存在版权问题。如发现相关争议请联系qaq卟言处理!

    🔗

    广告广告

    随机文章

    该文章已经关闭评论,评论请前往留言信箱