当前位置: 代码迷 >> JavaScript >> 更换
内容通过带有Javascript的外部html文件
  详细解决方案

更换
内容通过带有Javascript的外部html文件

热度:51   发布时间:2023-06-13 11:41:31.0

我对HTML和JavaScript有点生疏,似乎无法正确解决这一问题。 我采用的简单方法效果很好,但我想变得更加灵活。 这是简单的方法:

<head>

    <script>
        function loadContent(a){
            document.getElementById(a).innerHTML='<object type="text/html" data="home.html" ></object>';
        }
    </script>
</head>

<body>

    <div id="topBar"> 
        <a href ="#" onclick="loadContent('content')"> HOME </a> 
    </div>
    <div id ="content"> </div>

</body>

这很好。 但是,我也想将所需的文档作为函数的变量。 这是我卡住的地方。 可能与“”和“”有关,但我一直找不到答案。 这是我的“期望”情况:

<head>

    <script>
        function loadContent(a, b){
            document.getElementById(a).innerHTML= b;
        }
    </script>
</head>

<body>

    <div id="topBar"> 
        <a href ="#" onclick="loadContent('content', '<object type='text/html' data='home.html' ></object>')"> HOME </a> 
    </div>
    <div id ="content"> </div>

</body>

有人可以帮我吗?

感谢名单

尝试:

<a href ="#" onclick="loadContent('content', '<object type=\'text/html\' data=\'home.html\' ></object>')"> HOME </a> 

基本上只是escape报价。

  相关解决方案