JS框架操作问题案例分析

本文讨论了FRAME在JS中的操作，分享给大家参考。具体分析如下：

以上图为例，框架之间的互操作简单列为：1变量2方法3页面之间元素的相互获取。

一、从父(frame ABC)-子(frameA、frameB、frameC)

访问变量名名称

如果在frameABC中操作，可以：复制代码如下：window.frames ('framea ')。contentwindow.name。

或者按如下方式复制代码： document . getelementbyid(' framea ')。contentwindow.name。

或者按如下方式复制代码：jquery: window。$ ('# framea') [0]。contentwindow.name。

访问方法功能

如果在frameABC中操作，可以：复制代码如下：window.frames ('framea ')。content window . func()；

或者按如下方式复制代码： document . getelementbyid(' framea ')。content window . func()；

或者按如下方式复制代码：jquery: window。$ ('# framea') [0]。content window . func()；

访问子页面元素：用户名

如果在frameABC中操作，可以：复制代码如下：window.frames ('framea ')。content window . document . getelementbyid(' username ')；

或者按如下方式复制代码： document . getelementbyid(' framea ')。content window . document . getelementbyid(' username ')；

或者按如下方式复制代码：jquery: window。$ ('# framea') [0]。contentwindow。$(“# username”)；

其次，从孩子(framea，frameb，framec)-到父亲(frameABC)

访问父页面变量名，如果在frameA(子页面)中操作，可以：复制代码如下： window . parent . name；

访问父页面方法功能。如果在frameA(子页面)中操作，可以：复制代码如下： window . parent . func()；

访问父页面元素用户名，如果在frameA(子页面)中操作，可以：复制代码如下：Window。家长。$ ('#用户名')。

或者：复制代码如下： window . parent . document . getelementbyid(' username ')；

总结：

框架只是一个页面框架。要操作子帧中的元素，您需要首先进入窗口或内容窗口。要从子页面访问父页面，需要计算父子关系，并将其分为几层。

我在网上看了其他帖子，谈到了页面加载的问题。这可能意味着在加载子帧帧之前执行元素操作会导致错误。有兴趣的朋友可以针对性的测试一下，相信会有新的收获！

希望这篇文章对你的javascript编程有所帮助。