Question

在javascript中，如何同触发按钮的方式把其他页面的内容调入到主页的<iframe>里？

我的主页是A，要调入的页面是B。我在A页面按下按钮，就能在A页面的<iframe>里引用B页面的内容，请教！

Answer 1

如果你的iframe的id="iframe1"
那么你在按钮里面写onclick = "document.getElementById('iframe1').src='url';"
如果你的A页面和B页面在同一目录下，url就是B.html。

追问

A页面是欢迎界面，按“确认”按钮后用document.getElementById('XX').src="B.html"的方法在iframe里加载了B页面用户登录界面，再按B页面的“注册”按钮，进入到C页面注册页面，请问怎样编写加载C页面的代码？

追答

那个注册按钮可以这样写：
onclick = "window.open('C.html')"
这样是打开一个新页面C.html
或者onclick="window.location.assign('C.html')"
这是把当前页替换为目的页

你还可以把注册按钮做成一个链接
注册
这个在所有的浏览器中都支持。

追问

您的方法虽然可行，但是我把javascript的全部脚本都放在A页面中以便做成HTA程序，之后B C页面都通过iframe加载来实现，所以想创建方法来加载页面，而不是单纯的跳转页面，望指点，谢谢！

追答

你给B页面的"注册"按钮添加事件onclick="window.location.assign('C.html')"
这个事件不用A页面的js脚本添加，而是直接写在B页面里：
注册
这样当B页面被加载到A页面中的iframe里之后，再点击B页面里的"注册"按钮，这时候A页面的iframe里就会被替换为C页面啊。难道你不是这个意思么？还是你希望A页面被C页面替换掉，你再把想要实现的效果说详细点。

还有就是，iframe加载的是本地页面时，就像你在A页面的iframe里面加载本地的B和C页面，那么B和C页面都是可以调用A页面的js脚本中的函数的。

追问

明白了用parent.window.XX()方法可以在子页面调用A页面的方法。还有个问题想请教的。
请问如何用按钮激活的方法连接access数据库?
var conn=new ActiveXObject("adodb.connection");
conn.open("provider=Microsoft.Jet.OLEDB.4.0; Data Source=conn.mdb");
var rs=new ActiveXObject("adodb.recordset");
rs.open("select * from student",conn,1,1);
document.write(rs(0)+"");
rs....
conn....

追答

这个必须使用ajax技术，你的处理数据库的asp代码单独写成个D.asp文件，点击按钮的时候用函数向D.asp提交请求，可以带数据提交，例如这样"D.asp?username=tony&password=123"，在D.asp中可以用Request.QueryString("username")这样的方式提取到"tony"。D.asp文件处理完数据库后，可以在最后用Response.Write("result")向提交请求的函数返回结果字符串result，这个结果提交函数可以用xmlHttp对象的responseText属性获取。点击按钮执行的函数代码：
function sendInfo(str) {
var xmlHttp = null;
if (window.XMLHttpRequest) {
// code for IE7+, Firefox, Chrome, Opera, Safari
xmlHttp = new XMLHttpRequest();
}
else {
// code for IE5, IE6
xmlHttp = new ActiveXObject("Microsoft.XMLHTTP");
}
if (xmlHttp == null) {
alert("您的浏览器不支持XMLHTTP！");
return;
}
var url = "D.asp?" + str; //服务器页面地址和请求附带的数据
xmlHttp.open("GET", url, true);
xmlHttp.onreadystatechange = function() { //回调函数
if (xmlHttp.readyState==4) { //响应已返回就绪
if (xmlHttp.status==200) { //服务器处理成功，其他数字如404表示请求的目的页面不存在
alert(xmlHttp.responseText);
//这里你可以编程对返回字符串进行处理
}
else {
alert("从服务器获取信息时出现错误！status is " + xmlHttp.status);
}
}
}
xmlHttp.send(null);
}

Answer 2

/*把你的表单提交按钮改成这样*/ <script language="javascript"> function这样点击提交后就会先从iframe中取值，存在主页面中的隐藏input里，然后提交,WVnXZz

追问

还有我在A页面中用iframe加载了B网页，然后又按了B网页上的按钮进入到C网页，请问如何跨页面调用？谢谢