欢迎访问 生活随笔！
TAG聚合

生活随笔

当前位置： 首页 > 前端技术 > javascript >内容正文

javascript

javascript 常用方法

发布时间：2025/7/25 javascript 49 豆豆
生活随笔 收集整理的这篇文章主要介绍了 javascript 常用方法 小编觉得挺不错的,现在分享给大家,帮大家做个参考.

1.iframe 父子窗口之间传递值和方法调用

iframe之间可以通过javascript来实现传递值和方法,直接上代码

parent.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head><title>iframe之间传值与方法调用</title><script src="JavaScript/JQuery/jquery-1.4.2.js" type="text/javascript"></script><style type="text/css">body{font-size:9pt;}</style><script type="text/javascript">function getSonValue() {var sontxtName = window.frames["sonframe"].document.getElementById("txtSonName");var parentName = document.getElementById("txtName");parentName.value = sontxtName.value;}function parentAlert() {alert("我来自父页面！");}function getSonAlert() {return window.frames["sonframe"].sonAlert();}function getSonValueJquery() {$("#txtName").val($("#txtSonName", window.frames["sonframe"].document).val());}</script> </head> <body> <fieldset> <legend>调用子页面值</legend> <input type="button" value="点我" οnclick="getSonValue()" /> <input type="button" value="点我(Jquery)" οnclick="getSonValueJquery()" /> <input type="text" id="txtName" name="txtName"/> </fieldset> <fieldset> <legend>调用子页面方法</legend> <input type="button" value="点我" οnclick="getSonAlert()" /> </fieldset> <fieldset> <legend>子页面</legend> <iframe name="sonframe" id="sonframe" src="Son.htm" height="500px" width="500px" frameborder=0></iframe> </fieldset></body> </html>

son.htm

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.org/1999/xhtml" > <head><title></title><script src="JavaScript/JQuery/jquery-1.4.2.js" type="text/javascript"></script><script type="text/javascript">function getParentValue() {var parentName = window.parent.document.getElementById("txtName");var sonName = document.getElementById("txtSonName");sonName.value = parentName.value;}function getParentJqueryValue() {$("#txtSonName").val($("#txtName", window.parent.document).val());}function sonAlert() {alert("我来自子页面！");}function getParentAlert() {return window.parent.parentAlert();}</script> </head> <body> <fieldset> <legend>调用父页面值</legend> <input type="button" value="点我" οnclick="getParentValue()" /> <input type="button" value="点我(Jquery)" οnclick="getParentJqueryValue()" /> <input type="text" id="txtSonName" name="txtSonName"/> </fieldset> <fieldset> <legend>调用父页面方法</legend> <input type="button" value="点我" οnclick="getParentAlert()" /> </fieldset> </body> </html>

转载于:https://www.cnblogs.com/tedyding/archive/2010/04/20/1716696.html

总结

以上是生活随笔为你收集整理的javascript 常用方法的全部内容，希望文章能够帮你解决所遇到的问题。

如果觉得生活随笔网站内容还不错，欢迎将生活随笔推荐给好友。