使用JavaScript调用另一个页面显示在本页面上
我用VisualStudio制作一个页面,想在主页面上写JavaScriot语言调用*.ascx文件显示在主页面的主体上。两个地方我都写个一个大的div层在外面,就请问我...
我用Visual Studio制作一个页面,想在主页面上写JavaScriot语言调用*.ascx文件显示在主页面的主体上。两个地方我都写个一个大的div层在外面,就请问我如何实现这样的功能。
其实就是想让.ascx文件能够显示在我主页面的一个特定的DIV层里面,因为我要实现鼠标滑过,div层变换的动态效果,写在一个页面太乱了,就想在外部写来调用它。
谢谢额各高手指点啦。
能给个例子最好啦,我的JavaScript是在学的不咋样啊。 展开
其实就是想让.ascx文件能够显示在我主页面的一个特定的DIV层里面,因为我要实现鼠标滑过,div层变换的动态效果,写在一个页面太乱了,就想在外部写来调用它。
谢谢额各高手指点啦。
能给个例子最好啦,我的JavaScript是在学的不咋样啊。 展开
展开全部
这是我回答另外一个人的问题时写的,你拿去改改就成了…………
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
.windowdiv {
position: absolute;
background-color: gray;
height: 400px;
border: 0;
}
.windowtable {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
.closetd {
background-color: purple;
font-family: "黑体";
cursor: pointer;
width: 1%;
height: 1%;
}
.windowframe {
width: 100%;
height: 100%;
border: 0;
}
</style>
<script type="text/javascript">
//creatWindow(地址, 横向位置, 纵向位置, 宽度, 高度)
function creatWindow(strWindowUrl, intX, intY, intWidth, intHeight) {
var div = document.createElement("div");
document.body.appendChild(div);
div.className = "windowdiv";
div.style.top = intY;
div.style.left = intX;
div.style.width = intWidth;
div.style.height = intHeight;
var table = document.createElement("table");
table.className = "windowtable";
var frame = document.createElement("iframe");
frame.className = "windowframe";
frame.frameBorder = 0;
frame.src = strWindowUrl;
var tr, td;
tr = table.insertRow(0);
td = tr.insertCell(0);
td.colSpan = 2;
td.appendChild(frame);
tr = table.insertRow(0);
td = tr.insertCell(0);
td.innerText = "X";
td.className = "closetd";
td.onclick = function () {
div.style.display = "none";
};
td = tr.insertCell(0);
td.innerText = " ";
div.appendChild(table);
}
</script>
</head>
<body>
<input type="button" value="弹出窗口" onclick="creatWindow('http://www.baidu.com/', 100, 100, 400, 300)">
</body>
</html>
<html>
<head>
<title>MyHtml.html</title>
<meta http-equiv="content-type" content="text/html; charset=UTF-8">
<style type="text/css">
.windowdiv {
position: absolute;
background-color: gray;
height: 400px;
border: 0;
}
.windowtable {
padding: 0;
margin: 0;
width: 100%;
height: 100%;
}
.closetd {
background-color: purple;
font-family: "黑体";
cursor: pointer;
width: 1%;
height: 1%;
}
.windowframe {
width: 100%;
height: 100%;
border: 0;
}
</style>
<script type="text/javascript">
//creatWindow(地址, 横向位置, 纵向位置, 宽度, 高度)
function creatWindow(strWindowUrl, intX, intY, intWidth, intHeight) {
var div = document.createElement("div");
document.body.appendChild(div);
div.className = "windowdiv";
div.style.top = intY;
div.style.left = intX;
div.style.width = intWidth;
div.style.height = intHeight;
var table = document.createElement("table");
table.className = "windowtable";
var frame = document.createElement("iframe");
frame.className = "windowframe";
frame.frameBorder = 0;
frame.src = strWindowUrl;
var tr, td;
tr = table.insertRow(0);
td = tr.insertCell(0);
td.colSpan = 2;
td.appendChild(frame);
tr = table.insertRow(0);
td = tr.insertCell(0);
td.innerText = "X";
td.className = "closetd";
td.onclick = function () {
div.style.display = "none";
};
td = tr.insertCell(0);
td.innerText = " ";
div.appendChild(table);
}
</script>
</head>
<body>
<input type="button" value="弹出窗口" onclick="creatWindow('http://www.baidu.com/', 100, 100, 400, 300)">
</body>
</html>
推荐律师服务:
若未解决您的问题,请您详细描述您的问题,通过百度律临进行免费专业咨询