iframe高度自动适应代码且浏览器URL改变

来源：互联网发布：知乎出国读研准备过程编辑：程序博客网时间：2024/05/23 13:56

上次说了iframe自动适应代码，但发现一个问题，就是浏览器的url永远没变，这个在将链接拷贝给其他人时就不方便了。

如果使用PHP模板方式，又太复杂，最好想了个笨办法来实现，即在URL中添加"#字符识别“方式来实现。

下面问index全部代码，html部分实现页面居中，JSP部分实现自适应高度和根据url #字符后的信息加载页面

<html>

<head>

<style>

.page {

width: 800px;

}

.left {

width: 200px;

float: left;

}

.right {

width: 750px;

float: left;

}

</style>

</head>

<body>

</div>

</div>

</div>

</center>

</body>

</html>

function SetWinHeight(obj)

{

var win=obj;

obj.height=200;

if (document.getElementById)

{

if (win && !window.opera)

{

if (win.contentDocument && win.contentDocument.body.offsetHeight)

{

win.height = win.contentDocument.body.offsetHeight;

}

else if(win.Document && win.Document.body.scrollHeight)

{

win.height = win.Document.body.scrollHeight;

}

function GetArgsFromHref()

{

var uri = parent.window.location.hash;

var args = uri.split("#");

if(args[0] == uri) /*参数为空*/

{

return "main";

}

return args[1];

}

function Load_page()

{

document.getElementById("main").src = GetArgsFromHref() + ".htm";

}

Load_page();

</script>

在需要显示到main的frame中的每个页面均加入如下代码（这个比较繁琐，但幸好代码不变）：

function GetArgsFromHref()

{

var uri = parent.window.location.hash;

var args = uri.split("#");

if(args[0] == uri) /*参数为空*/

{

return "main";

}

return args[1];

}

function GetFileName()

{

var uri = window.location.href;

var args = uri.split("/");

var sn = args.length;

if(sn != 0)

{

sn = sn - 1;

}

var names = args[sn].split(".");

return names[0];

}

function set_url()

{

if(GetArgsFromHref() != GetFileName())

{

parent.window.location.hash = GetFileName();

}

set_url();

</script>