zoukankan      html  css  js  c++  java
  • js获得子页面元素

       在主页面中。添加iframe子页面,假设须要获得子页面的元素则能够使用javascript的contentWindow来获得,注意iframe和frameset必须加入id。详细样例例如以下:

    mainindex.jsp中加入子页面

    <iframe id="indexIframe" src="jsp/main/main.html" width=100% height=100% scrolling="no" frameborder="0"></iframe>

    main.html中加入frameset

    <frameset rows="102,*" frameborder="no" border="0" framespacing="0" >
     <frame src="navigation.jsp" id="topFrame" name="topFrame" scrolling="No" id="topFrame" style="overflow-y:hidden;overflow-x:hidden"/>
      <frame src="../live/gplayer/bin/gplayer.jsp" name="mainFrame" id="mainFrame" scrolling="No" style="overflow-y:hidden;overflow-x:hidden"/>
    </frameset>

    navigation.jsp页面中存在某个元素

    <img id="moreImg" src="images/web/more_available.png" style="cursor:pointer" onclick="popupMenu()"></img>

    在主页面mainindex.jsp中获得img元素,利用javascript能够这样获得

     var indexiframe=document.getElementById("indexIframe");
      var topframe=indexiframe.contentWindow.document.getElementById("topFrame");
      var moreImg=topframe.contentWindow.document.getElementById("moreImg");
      moreImg.src="images/web/more_available.png";

  • 相关阅读:
    MySQL数据库的常用命令
    MySQL数据库的概念
    Linux磁盘管理
    linux账号与权限管理
    安装及管理程序
    vi编辑器+常用命令
    centos7下部署elasticsearch7.2集群--Elastic Stack之一
    打开virt-manager界面显示方格乱码
    Rabbitmq之修改日志和数据存放路径
    Rabbitmq之Memory
  • 原文地址:https://www.cnblogs.com/mthoutai/p/7114814.html
Copyright © 2011-2022 走看看