javascript - HTML Import一直报错null

查看:203
本文介绍了javascript - HTML Import一直报错null的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!

问题描述

问 题

HTML Import时引用不过来,一直报错null,谁知道为什么么

`

<head lang='en'>
    <link ref='import' href='importSub.html'/>
</head>
<body>

<script>
    window.onload = function(){
        var s = document.querySelector('link[ref="import"]').import;

        var t = s.querySelector('h1')

        document.body.appendChild(t)

    }
    
</script>
</body>

`

importMain.html:13 Uncaught TypeError: Cannot read property 'querySelector' of null

解决方案

  1. 拼写错误,rel写成ref了。

  2. js的部分不太熟,不知道有没有问题。但据我所知link标签的这种写法可能会有兼容性问题,得上个谷歌的polyfill,就是webcomponents.js

  3. 既然这样,也可以用jQ的.load()呀。

这篇关于javascript - HTML Import一直报错null的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!

查看全文
登录 关闭
扫码关注1秒登录
发送“验证码”获取 | 15天全站免登陆