14

スクリプトを開発していますが、jQuery ライブラリを使用してはならないため、JS の .load() に相当するものが必要です。

jQueryなしでこれを行う必要があります：

$(document).ready(function(){

$('#a').click(function(){
   $('body').append('<div id="b"></div>')
   $('#b').load('x.html')
});

});

ありがとう！

4

7 に答える 7

7

簡単な答えは、jQuery のようなライブラリーなしで正しく行うにはかなり複雑なことをしているということです。これは「機能する」ものですが、エラーチェックやクロスブラウザーの完全性はありません. あなたは本当にこれを望んでいないでしょう...しかし、ここにあります。

<!DOCTYPE html>
<html>
<head>
    <script>
        document.addEventListener('DOMContentLoaded', function () {
            document.getElementById('a').addEventListener('click', function (e) {
                e.preventDefault();

                var div = document.createElement('div');
                div.id = 'b';
                document.body.appendChild(div);

                var xhr = new XMLHttpRequest();

                xhr.onload = function () {
                    div.innerHTML = this.response;
                };

                xhr.open('GET', 'x.html', true);
                xhr.send();
            }, false);
        }, false);
    </script>
</head>
<body>
    <a id="a" href="#">load</a>
</body>
</html>
于 2013-07-27T18:47:17.597 に答える
3

JSなしでやりたい場合は、これが役立つと思います。これを内部に追加してください#b

<iframe src="x.html"></iframe>
于 2013-07-27T18:40:14.657 に答える