Javascript 如何获取页面Url？
有没有一种方法可以使用iframe，但当单击iframe内部的内容时，地址栏仍然会更改为页面的实际内容？我想在页面顶部有一个带有音乐播放器的水平条，允许在浏览网站时播放音乐。但我也希望人们能够轻松地将这些页面添加到书签中 index.html 我已经找过了，但找不到答案。很多人只是想改变iframe中加载的URL…这不是我想要的。我想更新浏览器中显示的实际地址栏。简短回答：否 说明：只要浏览器中的URL发生更改，就会加载一个全新的页面。这意味着您不能保持不变或不间断的iframe。如果不这样做，您也不能使用Javascript更改URL。否则，这将是一种安全风险。当你在一个完全不同的URL上时，讨厌的人可能会显示一个URL 编辑：我必须收回这一点，似乎有办法做到这一点，请参见：Javascript 如何获取页面Url？,javascript,php,html,url,iframe,Javascript,Php,Html,Url,Iframe,有没有一种方法可以使用iframe，但当单击iframe内部的内容时，地址栏仍然会更改为页面的实际内容？我想在页面顶部有一个带有音乐播放器的水平条，允许在浏览网站时播放音乐。但我也希望人们能够轻松地将这些页面添加到书签中 index.html 我已经找过了，但找不到答案。很多人只是想改变iframe中加载的URL…这不是我想要的。我想更新浏览器中显示的实际地址栏。简短回答：否 说明：只要浏览器中的URL发生更改，就会加载一个全新的页面。这意味着您不能保持不变或不间断的iframe。如果不这样做，
您希望浏览器中显示的url是您在iframe？document.getElementByIddev.src中设置的url。请将您在网站上发布的示例代码减少到最低限度，以尽可能少的代码和数据演示问题。不要发布真正的代码，而是从头开始编写一个演示。这也能更好地突出你的问题，例如，因为要找到合适的词语来描述问题并不总是那么容易。
<!doctype html>
<html lang="en" class="no-js">
<head>
<meta charset="utf-8">
<meta http-equiv="X-UA-Compatible" content="chrome=1">
<meta name="apple-mobile-web-app-capable" content="yes" />
<meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=no" />
<link rel="stylesheet" href="css/progression-player.css" />
<link href="css/font-awesome.min.css" rel="stylesheet" type="text/css" />
<link rel="stylesheet" href="css/skin-default-dark.css" />
<link href="css/full_screen_preview-35a31c78a816c370986ed7e2eea38764.css" media="screen" rel="stylesheet" type="text/css" />
<link rel="stylesheet" type="text/css" href="css/responsive.css">
<script src="js/full_screen_preview-eecf95a281caedd3458fbe6a5102c4f3.js" type="text/javascript"></script>
<script type='text/javascript' src='js/jquery.js'></script>
<script src="js/jquery.min.js"></script>
<script src="js/mediaelement-and-player.min.js"></script>
<script src="js/mep-feature-playlist.js"></script>
<script src="js/offcanvas.js"></script>
<script type="text/javascript">
//function geturl(obj){
//alert(obj)
// }
function geturl(){
var devv= document.getElementById("dev").contentWindow.location.href
alert(devv);
}
</script>
</head>
<body style="padding:0px; margin:0px;">
<div class="full-screen-preview__header">
<div class="responsive-wrapper responsive-audio">
<audio autoplay id="myplayer" class="progression-single progression-skin progression-default-dark progression-audio-player" controls preload="none">
<source src="" type="audio/mp3"/>
</audio>
</div>
<script>
function abc(url)
{
window.parent.$('#myplayer').attr('src',url);
source=window.parent.$('#myplayer').attr('src');
window.parent.$('.mejs-button').removeClass('mejs-pause');
window.parent.$('.mejs-currenttime').text('00:00');
window.parent.$('.mejs-time-handle').css('left','-8px');
}
/*$('.progression-playlist').mediaelementplayer({
audioWidth: 400, // width of audio player
audioHeight:40, // height of audio player
startVolume: 0.5, // initial volume when the player starts
loop: false, // useful for <audio> player loops
features: ['playlistfeature', 'prevtrack', 'playpause', 'nexttrack','current', 'progress', 'duration', 'volume', 'playlist'],
playlistposition: 'bottom' //Playlist Location
});*/
$('.progression-single').mediaelementplayer({
audioWidth: 400, // width of audio player
audioHeight:40, // height of audio player
startVolume: 0.5, // initial volume when the player starts
features: ['playpause','current','progress','duration','tracks','volume','fullscreen']
});
</script>
</div>
<iframe class="full-screen-preview__frame" id="dev" frameborder="0" onload="geturl()" src="home.html" noresize="noresize"></iframe>
</body></html>