Javascript 将URL加载到div中

这个脚本使用IFRAME加载内容有没有办法只从页面加载内容而不作为IFRAME加载

差不多

$("#content2").load($(this).attr("page"));

但我似乎无法让它在上面的脚本上工作

<script type="text/javascript">
function loadURL(u) { 
document.getElementById("web-panel").innerHTML = '<iframe src="' + u + '"
width="100%" height="100%" border="0"></iframe>';}</script>

<select name="mydropdown" id="url" onchange="loadURL(this.value);">
<option value="http://123.com/opt.php?3">opt3</option>
<option value="http://123.com/opt.php?2">opt2</option>
<option value="http://123.com/opt.php?1">opt1</option>
</select>

<div id="web-panel"></div>

函数loadURL（u）{
document.getElementById（“web面板”）.innerHTML=''；}
opt3
opt2
opt1

看起来您有JavaScript语法错误

将JS部件更改为如下所示：

function loadURL(u) { 
    document.getElementById("web-panel").innerHTML = '<iframe src="' + u +
    '" width="100%" height="100%" border="0"></iframe>';
}

函数加载URL（u）{
document.getElementById（“web面板”）.innerHTML=''；
}

要在不使用IFrame的情况下将URL内容加载到div中，可以尝试使用jQuery Ajax方法：（第一行很重要，因为它包括jQuery框架）

函数loadURL（u）{
$.ajax({
网址：u，
缓存：false
}).完成（功能（数据）{
$（“#网络面板”）.html（数据）；
});
}
opt3
opt2
opt1

您正在学习Ajax吗？您可以在此处找到一个基本示例：以及更多信息：

<script type="text/javascript" src="https://code.jquery.com/jquery-1.11.2.min.js"></script>
<script type="text/javascript">
function loadURL(u) { 
    $.ajax({
        url: u,
        cache: false
    }).done(function(data) {
        $("#web-panel").html(data);
    });
}
</script>

<select name="mydropdown" id="url" onchange="loadURL(this.value);">
<option value="http://123.com/opt.php?3">opt3</option>
<option value="http://123.com/opt.php?2">opt2</option>
<option value="http://123.com/opt.php?1">opt1</option>
</select>

<div id="web-panel"></div>