当前位置: 首页 > 知识库问答 >
问题:

如何在iframe主体中添加javascript函数

呼延学
2023-03-14
<html>
<head>  
<script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.2.6/jquery.min.js"></script>
    <script>
        function callMe() { 
            var frame = $('iframe'),
            contents = frame.contents(),
            body = contents.find('body');

    var script2   = document.createElement("script");
    script2.type  = "text/javascript";
    script2.text  = " function setEmployeeId(){var employeeId = 0;};"            
    $(body).append(script2);
        };      
    </script>



    <title>sample</title>
</head>
<body>
        <iframe src="page2.html">           
        </iframe>
    <button onClick="callMe();">click</button>
</body>
</html>
<html>
<head>  

    <title>sample</title>
</head>
<body>
        <iframe>
<html>
<head>  
    <title></title>
</head>
<body>
   <script>
function setemployeeId() {
var employeeId = 0;
};
</script>
</body>
</html> 
</iframe>       
</body>
</html>

共有1个答案

凌和悦
2023-03-14

希望你能在我们走的时候为我澄清一些事情,但我想我有一些坏消息要告诉你。

iframe中加载的任何内容都不能真正编辑,除非您拥有正在加载的页面,在这种情况下,您可以将所需的内容添加到加载的页面中。

然而!

因此,如果您想在iframe中创建一个按钮,请更改iframe的内容

var elem = document.getElementById('myframe1').contentWindow.document.getElementById('myButton')

然后在父窗口中创建一个函数

function changeIt(){
    document.getElementById('thingToChangeInIframe_ItsIDintheIframe').property = 'value';
}

并用代码将其追加到按钮

elem.setAttribute('onclick', 'changeIt();');
 类似资料:
  • 问题内容: 我在从父页面调用JavaScript函数时遇到问题。这是我的两页: mainPage.html resultFrame.html (我知道不建议这样做,但只能在内部使用IE浏览此页面,我不认为这是问题所在) 当我按下“重置”按钮时,我得到“找到resultFrame”和“找不到resultFrame.Reset”。似乎有对框架的引用,但无法在框架上调用该函数,为什么呢? 问题答案: 采

  • 我刚刚为游戏塑造了我的角色,这是一个box2d动态身体: 可以给身体添加纹理或精灵吗?或者我把精灵的位置和我身体的位置一样?因此,它将覆盖身体的形状,并像实际的box2d身体一样移动。

  • 我从http://kristiannissen.wordpress.com/2010/07/08/mysql-levenshtein/(archive.org链接),但是如何在MySQL中添加该功能呢?我正在使用XAMPP,我需要它在PHP中进行搜索。

  • 问题内容: 这是我尝试过的但失败了: 有人给小费吗? 问题答案: 添加列之后,您始终可以添加主键: 至于为什么脚本不起作用,您需要指定,而不仅仅是单词:

  • 我有一个HTML格式的表,显示关于产品的数据。好吧,在这个表中我想添加一个按钮,允许用户在愿意的情况下删除该产品,该按钮将通过JavaScript与表中的信息一起自动生成。 没有信息的表应该如下所示: 在JavaScript中,我有一个函数可以处理这个表,一个用来添加空行,另一个用来添加信息,包括delete按钮。 其余的代码没有太大的关系,以至于有变量和函数的名字,我没有给出细节。对我来说最重要

  • 问题内容: 由于IE9和Safari-5不支持,因此有什么替代的跨浏览器解决方案? 解决方案 必须 至少在 IE 9 , Safari 5 ,FireFox 4,Opera 11.5和Chrome中运行。 问题答案: 处理没有框架/库的类的一种方法是使用Element.className属性,该属性“ _获取并设置指定元素的class属性的值。 正如在他的回答中已经提到的那样,一旦获得了元素的类字