ICode9

精准搜索请尝试: 精确搜索
  • 【回顾HTML】HTML的一些知识2022-03-20 20:01:03

    H5复习遗忘点 1.语义化标签 包括section article aside header hgroup footer nav figure这几类 其中figure表示一段独立的流内容,一般表示文档主体内容中的一个独立单元。 audio (音频)与 vedio(视频) 属性 autoplay controls loop(循环播放) preload(预载) 3.source标签 sourc

  • 跨浏览器tab页的通信解决方案尝试2022-03-20 07:33:04

    目标 当前页面需要与当前浏览器已打开的的某个tab页通信,完成某些交互。其中,与当前页面待通信的tab页可以是与当前页面同域(相同的协议、域名和端口),也可以是跨域的。 要实现这个特殊的功能,单单使用HTML5的相关特性是无法完成的,需要有更加巧妙的设计。 畅想 现在我们发现下思维,假设多

  • iframe内联框架2022-02-28 23:34:55

    iframe内联框架 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>内联框架</title> </head> <body> <!--iframe内联框架 src:地址 w-h:宽度高度 --> <iframe src="&quo

  • vue-前端安全问题学习2022-02-28 10:03:55

    8大典型的前端安全问题 1.XSS攻击:跨站脚本攻击(Cross-Site Scripting) 本质原因:浏览器错误的将攻击者提供的用户输入数据当做JavaScript脚本给执行了 XSS分类,按照恶意输入的脚本是否在应用中存储,XSS被划分为“存储型XSS”和“反射型XSS”, 按照是否和服务

  • 前端安全问题以及解决方案汇总2022-02-27 15:13:53

    随着大前端的快速发展,各种技术不断更新,前端的安全问题也值得我们重视。今天我们来聊一聊前端常见的7个安全方面问题: 1.iframe 2.opener 3.CSRF(跨站请求伪造) 4.XSS(跨站脚本攻击) 5.ClickJacking(点击劫持) 6.HSTS(HTTP严格传输安全) 7.CND劫持 iframe 1.如何让自己的网站不被其他网站使

  • 今日总结:框架2022-02-25 08:35:15

    iframe - 设置高度与宽度 height 和 width 属性用来定义iframe标签的高度与宽度。 属性默认以像素为单位, 但是你可以指定其按比例显示 (如:"80%")。 实例 <iframe loading="lazy" src="demo_iframe.htm" width="200" height="200"></iframe> iframe - 移除边框

  • python selenium UI自动化操作iframe及返回默认页面2022-02-23 10:04:28

    页面操作的场景:进到到页面A,选择页面A里面的记录,点击签约, 弹出一个弹窗B,弹窗B的内容是协议及同意按钮或其他非同意的提示信息,主要的操作,打开页面A,点击签约,点击同意,操作完成   分析页面的组成,弹窗B在页面A里面,不过弹窗B是iframe,即嵌套在html页面里面的html,如果不做iframe切换,无法操

  • 前端之路(八)—— 嵌入技术2022-02-21 12:03:27

    上一篇中我们学习把图片、音频、视频等多媒体嵌入到页面当中,除了这些,我们还能往页面嵌入其他东西吗?比如说直接嵌入一个页面,嵌入百度的搜索框等。这一小节我们就来学习一下其他嵌入的元素。 嵌入简史 首先简单了解一下嵌入的发展史。刚开始流行使用框架创建网站部分,然后将各个框

  • 嵌入iframe时如何同步menu菜单2022-02-19 11:02:51

    在做项目时,发现公司的项目组成是 vue的菜单框架 + iframe 的页面嵌套 这样的好处是便于控制项目的授权,以及控制vue单页面项目的庞大性. 随之而来的问题是: 当内嵌的 iframe 页面跳转到另一个 内嵌的 iframe 页面时,左侧的 menu 菜单没有改变,无法同步. 因为是所属不同的页面,

  • Iframe高度自适应2022-02-19 10:34:51

    1、现在嵌入页面子页面加入传给父页面高度的方法 /** * 设置页面iframe高度 (在vue的updated()中使用) * */ setPageIFrameHeight(currentPage) { var height = document.getElementById("app").offsetHeight+80; var postObj = {

  • 导出多个文件2022-02-18 18:03:41

    const iframe = document.createElement("iframe"); iframe.style.display = "none"; // 防止影响页面 iframe.style.height = 0; // 防止影响页面 iframe.src = requestUrl; document.body.appendChild(iframe); // 这一行必须,ifram

  • UI自动化测试-23--WebDriver--iframe处理2022-02-10 15:03:39

    处理iframe             from selenium import webdriverfrom time import sleep'''frame的操作:1、通过id来切2、通过name来切3、通过index来切4、定位元素来切'''driver = webdriver.Chrome()driver.get('E:\\XueXi\\ZDH\\DaiMa\\DaiMa\\CZBK\\two\

  • iframe标签 使用2022-02-08 17:00:46

       1. HTML 节点 并给src 赋值页面所在的相对路径 // 可以直接给src赋值,也可以通过js进行赋值 <iframe id="iframeConatiner" src=""></iframe> <iframe id="iframeConatiner" src="页面所在的相对路径"></iframe> <script> $(function

  • iframe框架2022-02-07 13:02:24

    <!-- iframe (行内框架) 属性 src="链接地址" frameborder="边框样式" width/height="宽高" srcdoc="文本内容可以给文本内容加标签"如:srcdoc="<h1>hellow</h1> " 注意:srcdoc和src同时存在的情况下,只会保留一个srcdoc 作用: 数

  • 微前端-初识qiankun2022-02-07 11:04:42

    随着公司业务的膨胀,处理业务的系统数量也跟着膨胀,运营人员处理一单业务需要在各个系统之间来回穿梭。 为了使运营人员在一个系统里可以完成所有操作,技术人员必须给出解决方案。   其实 iframe 在 “微前端” 这个概念被喊出来之前一直是整合系统的利器,但它有些不理想的地方具体原

  • sandbox:限制iframe的权限,解决安全性问题2022-02-02 17:02:00

    定义 如果被规定为空字符串(sandbox=""),sandbox 属性将会启用一系列对行内框架中内容的额外限制。sandbox 属性的值既可以是一个空字符串(应用所有的限制),也可以是空格分隔的预定义值列表(将移除特定的限制)。 用法 1. sandbox=""  应用所有限制 2. sandbox="allow-same-origin"  

  • iframe 利用postMessage 传参获取内容高度等2022-02-01 23:58:55

    demo请狠狠的戳这里: https://download.lllomh.com/cliect/#/product/IB02378830612627 被嵌页面: test1.html <script type="text/javascript"> let origin='https:www.lllomh.com'; document.addEventListener('DOMContentLoaded',sendTmb())

  • 页面与内嵌iframe的数据通信2022-01-25 17:58:55

    例如A页面里的iframe嵌套B页面,B页面获取A页面的数据 1.通过url,参数拼接,这种适用于单向传递参数,列如做分享功能 具体为:a系统通过iframe的src携带参数,b在页面中通过window.location 获取参数并存入locaStorage 2.通过postMessage方法,此方法可以建立不同 origin 的两个窗口之间

  • 框架网页内iframe 用于在显示网页2022-01-25 14:02:33

    添加 iframe 的语法   <iframe src="URL"></iframe> URL 指向隔离页面的位置。 Iframe - 设置高度和宽度   height 和 width 属性用于规定 iframe 的高度和宽度。 属性值的默认单位是像素,但也可以用百分比来设定(比如 "80%")。 实例   <iframe src="demo_iframe.htm" width="20

  • iframe 父子页面之间传值2022-01-24 12:06:10

    1.父页面给子页面传值 父页面 /** * 发送消息 * @key 字段名 * @value 值 */ postMessage: function (key, value) { let iframe = $('iframe')[0]; if (iframe) { iframe.contentWindow.postMessage({ 'key': key, 'value&

  • selenium网页自动登录、打卡(三)2022-01-20 16:07:18

    文章目录 前言一、Python+Selenium二、webdriver中#document问题2.1 切换frame的方法2.2 切换#docment的方法2.3 切换#docment的子#document方法 前言 前面做了一个自动打卡的小程序,基本可以实现上班签到,下班签退的任务,并白嫖了CSDN的服务器作为数据收发的基础。在继

  • 微前端开发2022-01-20 13:31:12

    微前端开发(Vue)   一、微前端概述 1.  什么是微前端?   为了解决庞大的一整块后端服务带来的变更与扩展方面的限制,出现了微服务架构。然而,越来越重的前端工程也面临同样的问题,自然地想到了将微服务思想应用(照搬)到前端,于是有了“微前端(micro-frontends)”的概念。即,一种由独

  • 巨无霸项目的存在的问题2022-01-19 09:00:42

    微前端开发(Vue)   一、微前端概述 1.  什么是微前端?   为了解决庞大的一整块后端服务带来的变更与扩展方面的限制,出现了微服务架构。然而,越来越重的前端工程也面临同样的问题,自然地想到了将微服务思想应用(照搬)到前端,于是有了“微前端(micro-frontends)”的概念。即,一种由独

  • iframe 另类知识2022-01-18 17:35:06

    去除自带顶部toolbar <iframe scrolling="no" allowtransparency="yes" frameborder="0" marginwidth="0" marginheight="0" :src="'http://xxxxxxx' + '#toolbar=0'"

  • 关于mavon-editor中iframe 的使用 和插入视频、音频的记录2022-01-17 23:06:25

    一、问题 我想将视频、音频运用外链的形式iframe插入自己的博客文章中,节约服务器资源 插入后mavon-editor预览区不显示,没有解析出来 二、 解决 搞了三四天,在mavon-editor官方文档中找到了props name 名称type 类型xssOptionsObject {},xss规则配置, 默认开启,设置false可以关闭

专注分享技术,共同学习,共同进步。侵权联系[81616952@qq.com]

Copyright (C)ICode9.com, All Rights Reserved.

ICode9版权所有