Question

我的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>

这很好用。但是，我还希望将所需文档作为函数的变量。这是我被卡住的地方。可能与＆＃34;＆＃34;有关。和＆＃39;＆＃39;，但我找不到答案。这是我想要的＆＃39;情况：

<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>

有人可以帮帮我吗？

感谢名单

Answer 1

尝试：

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

基本上只是escape引号。

用Javascript替换外部html文件中的<div>内容

1 个答案: