创建一个地址栏来引导iframe?
嗯,我试着在互联网上来回飞奔,以类似的方式:。不幸的是,我的代码不起作用。发生的情况是页面根本没有重定向。我注意到它给了我类似“页面不存在”这样的错误,对于google.com来说(它是存在的,每个人都知道)。有什么想法吗创建一个地址栏来引导iframe?,iframe,Iframe,嗯,我试着在互联网上来回飞奔,以类似的方式:。不幸的是,我的代码不起作用。发生的情况是页面根本没有重定向。我注意到它给了我类似“页面不存在”这样的错误,对于google.com来说(它是存在的,每个人都知道)。有什么想法吗 <!DOCTYPE html> <html> <head> <style> #showUrl { border:2px solid #0A9; height:90%; width:95%; } #url { width:30em
<!DOCTYPE html>
<html>
<head>
<style>
#showUrl {
border:2px solid #0A9;
height:90%;
width:95%;
}
#url {
width:30em;
}
</style>
<script type="text/javascript">
function loadUrl() {
var url = document.getElementById( 'url' ).value;
var showUrl = document.getElementById( 'showUrl' );
showUrl.src = url;
}
</script>
</head>
<body>
<form>
Enter URL to load: <input type="text" id="url" />
<input type="button" value="Load URL" onclick="loadUrl()" />
</form>
<iframe id="showUrl"></iframe>
</body>
</html>
#showUrl{
边框:2px实心#0A9;
身高:90%;
宽度:95%;
}
#网址{
宽度:30em;
}
函数loadUrl(){
var url=document.getElementById('url').value;
var showUrl=document.getElementById('showUrl');
showUrl.src=url;
}
输入要加载的URL:
您是否包括“http://”?否则,iframe将尝试加载相对路径而不是绝对路径
function loadUrl() {
var url = document.getElementById( 'url' ).value,
showUrl = document.getElementById( 'showUrl' );
showUrl.src = /$https?:\/\//.test(url) ? url : 'http://'+url;
}
你的代码确实有效。我在JsBin上试过,它确实可以和我的网站的URL一起使用,但没有和谷歌的URL一起使用 原因有三: