缓冲运动之框架開始一级简单框架实例

***********************缓冲运动【框架開始】-1.html*********************************************

<!DOCTYPE html>

<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        body{background-color:#666;}
        div{width:100px;height:50px;margin:20px 0;background:yellow;border:1px solid seagreen;}
    </style>
    <script type="text/javascript">
        window.οnlοad=function(){
            var oDiv=document.getElementsByTagName("div");
            var i=0;
           oDiv[0].οnclick=function()
           {
               startMove(this,"width",300);
           };
            oDiv[1].οnclick=function()
            {
                startMove(this,"height",300);
            };
            oDiv[2].οnclick=function()
            {
                startMove(this,"fontSize",300);
            };
            oDiv[3].οnclick=function ()
            {
                startMove(this, 'borderWidth', 50);
            }
        };
        function getStyle(obj, attr)
        {
            if(obj.currentStyle)
            {
                return obj.currentStyle[attr];
            }
            else
            {
                return getComputedStyle(obj, false)[attr];
            }
        }


        function startMove(obj, attr, iTarget)
        {
            clearInterval(obj.timer);
            obj.timer=setInterval(function (){
                var iCur=parseInt(getStyle(obj, attr));
                var iSpeed=(iTarget-iCur)/8;
                iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);


                if(iCur==iTarget)
                {
                    clearInterval(obj.timer);
                }
                else
                {
                    obj.style[attr]=iCur+iSpeed+'px';
                }
            }, 30)
        }
    </script>
</head>
<body>
<div></div>
<div></div>
<div>AAAA+++</div>
<div></div>
<div></div>
<div></div>
</body>

</html>


***************************缓冲运动【框架開始】-2.html*****************************************


<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        body{background-color:#666;}
        div{width:100px;height:50px;margin:20px 0;background:yellow;border:1px solid seagreen;filter:alpha(opacity:30);opacity:0.3;}
    </style>
    <script type="text/javascript">
        window.οnlοad=function(){
            var oDiv=document.getElementsByTagName("div");
            var i=0;
            var alpha=30;
           oDiv[0].οnclick=function()
           {
               startMove(this,"width",300);
           };
            oDiv[1].οnclick=function()
            {
                startMove(this,"height",300);
            };
            oDiv[2].οnclick=function()
            {
                startMove(this,"fontSize",300);
            };
            oDiv[3].οnclick=function ()
            {
                startMove(this, 'borderWidth', 50);
            }
            oDiv[4].οnmοuseοver=function ()
            {


                startMove(oDiv[4], 'opacity', 100);
            }
            oDiv[4].οnmοuseοut=function ()
            {
                startMove(oDiv[4], 'opacity', 30);
            }
        };
        function getStyle(obj, attr)
        {
            if(obj.currentStyle)
            {
                return obj.currentStyle[attr];
            }
            else
            {
                return getComputedStyle(obj, false)[attr];
            }
        }


        function startMove(obj, attr, iTarget)
        {
            clearInterval(obj.timer);
            obj.timer=setInterval(function (){
                var iCur=0;
                if(attr=='opacity')
                {
                    iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
                }
                else
                {
                    iCur=parseInt(getStyle(obj, attr));
                }
                var iSpeed=(iTarget-iCur)/8;
                iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);


                if(iCur==iTarget)
                {
                    clearInterval(obj.timer);
                }
                else
                {
                    if(attr=="opacity")
                    {
                        obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
                        obj.style.opacity=(iCur+iSpeed)/100;
                    }
                    else
                    {
                        obj.style[attr]=iCur+iSpeed+'px';
                    }


                }
            }, 30)
        }
    </script>
</head>
<body>
<div></div>
<div></div>
<div>AAAA+++</div>
<div></div>
<div></div>
<div></div>
</body>
</html>

*******************框架開始之链式运动1****************************

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        div{width:100px;height:50px;margin:20px 0;position:absolute;top:0;background:yellow;border:1px solid seagreen;}
    </style>
    <script type="text/javascript">
        window.οnlοad=function ()
        {
            var oDiv=document.getElementById('div1');


            oDiv.οnmοuseοver=function ()
            {
                startMove(oDiv, 'width', 300, function (){
                    startMove(oDiv, 'height', 300, function (){
                        startMove(oDiv, 'opacity', 100);
                    });
                });
            };


            oDiv.οnmοuseοut=function ()
            {
                startMove(oDiv, 'opacity', 30, function (){
                    startMove(oDiv, 'height', 100, function (){
                        startMove(oDiv, 'width', 100);
                    });
                });
            };  //不错,非常好,但是还有更好的办法么,这样每一个值都须要回调不是太麻烦了么
            //同一时候假设我想同一时候运行多个值的变化呢。不行了吧
            // startMove(oDiv, 'width', 100);startMove(oDiv, 'height', 100);这样写也是不行的 第二个会把第一个的定时器改关闭掉


        };
        function getStyle(obj, attr)
        {
            if(obj.currentStyle)
            {
                return obj.currentStyle[attr];
            }
            else
            {
                return getComputedStyle(obj, false)[attr];
            }
        }


        function startMove(obj, attr, iTarget,fn)
        {
            clearInterval(obj.timer);
            obj.timer=setInterval(function (){
                var iCur=0;
                if(attr=='opacity')
                {
                    iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
                }
                else
                {
                    iCur=parseInt(getStyle(obj, attr));
                }
                var iSpeed=(iTarget-iCur)/8;
                iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);


                if(iCur==iTarget)
                {
                    clearInterval(obj.timer);
                    if(fn)  //运动停止的时候,假设有传递第四个參数的时候 就执行
                    {
                        fn();
                    }




                }
                else
                {
                    if(attr=="opacity")
                    {
                        obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
                        obj.style.opacity=(iCur+iSpeed)/100;
                    }
                    else
                    {
                        obj.style[attr]=iCur+iSpeed+'px';
                    }


                }
            }, 30)
        }
    </script>
</head>
<body>
<div id="div1"></div>
</body>
</html>


*******************框架開始之链式运动2****************************

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        body{background:darkgray;}
        span{position: fixed;top:300px;width:100%;height:0;border-bottom:1px solid red;}
        div{width:100px;height:50px;margin:20px 0;position:absolute;top:0;background:yellow;border:1px solid seagreen;opacity:0.3;filter:alpha(opacity:30);}
    </style>
    <script type="text/javascript">
        window.οnlοad=function ()
        {
            var oDiv=document.getElementById('div1');


            oDiv.οnclick=function ()
            {
                startMove(oDiv,{width:102,height:300,opacity:100})//第一个究竟目标的时候 就会清楚定时器,其它的值也会停止
            };


        };
        function getStyle(obj, attr)
        {
            if(obj.currentStyle)
            {
                return obj.currentStyle[attr];
            }
            else
            {
                return getComputedStyle(obj, false)[attr];
            }
        }


        function startMove(obj,json,fn)
        {
            clearInterval(obj.timer);
            obj.timer=setInterval(function (){
              for(var attr in json)
              {




                var iCur=0;
                if(attr=='opacity')
                {
                    iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
                }
                else
                {
                    iCur=parseInt(getStyle(obj, attr));
                }
                var iSpeed=(json[attr]-iCur)/8;
                iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);


                if(iCur==json[attr])
                {
                    clearInterval(obj.timer);
                    if(fn)  //运动停止的时候,假设有传递第四个參数的时候 就执行
                    {
                        fn();
                    }




                }
                else
                {
                    if(attr=="opacity")
                    {
                        obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
                        obj.style.opacity=(iCur+iSpeed)/100;
                    }
                    else
                    {
                        obj.style[attr]=iCur+iSpeed+'px';
                    }


                }
              }
            }, 30)
        }
    </script>
</head>
<body>
<div id="div1"></div>
<span></span>
</body>
</html>

*******************框架開始之链式运动3  json****************************

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        div{width:100px;height:50px;margin:20px 0;position:absolute;top:0;background:yellow;border:1px solid seagreen;}
    </style>
    <script type="text/javascript">
        window.οnlοad=function ()
        {
            var oDiv=document.getElementById('div1');


            oDiv.οnclick=function ()
            {
                startMove(oDiv,{width:"300",height:"300",top:"300",opacity:"100"})
            };


        };
        function getStyle(obj, attr)
        {
            if(obj.currentStyle)
            {
                return obj.currentStyle[attr];
            }
            else
            {
                return getComputedStyle(obj, false)[attr];
            }
        }


        function startMove(obj,json,fn)
        {
            clearInterval(obj.timer);
            obj.timer=setInterval(function (){
              for(var attr in json)
              {




                var iCur=0;
                if(attr=='opacity')
                {
                    iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
                }
                else
                {
                    iCur=parseInt(getStyle(obj, attr));
                }
                var iSpeed=(json[attr]-iCur)/8;
                iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);


                if(iCur==json[attr])
                {
                    clearInterval(obj.timer);
                    if(fn)  //运动停止的时候,假设有传递第四个參数的时候 就执行
                    {
                        fn();
                    }




                }
                else
                {
                    if(attr=="opacity")
                    {
                        obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
                        obj.style.opacity=(iCur+iSpeed)/100;
                    }
                    else
                    {
                        obj.style[attr]=iCur+iSpeed+'px';
                    }


                }
              }
            }, 30)
        }
    </script>
</head>
<body>
<div id="div1"></div>
</body>
</html>


******************框架開始之链式运动 json  停止条件**************************

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        body{background:darkgray;}
        span{position: fixed;top:300px;width:100%;height:0;border-bottom:1px solid red;}
        div{width:100px;height:50px;margin:0;position:absolute;top:0;background:yellow;border:1px solid seagreen;opacity:0.3;filter:alpha(opacity:30);}
    </style>
    <script type="text/javascript">
        window.οnlοad=function ()
        {
            var oDiv=document.getElementById('div1');


            oDiv.οnclick=function ()
            {
                startMove(oDiv,{width:102,height:300,opacity:100})//第一个究竟目标的时候 就会清楚定时器,其它的值也会停止
            };


        };
        function getStyle(obj, attr)
        {
            if(obj.currentStyle)
            {
                return obj.currentStyle[attr];
            }
            else
            {
                return getComputedStyle(obj, false)[attr];
            }
        }


        function startMove(obj,json,fn)
        {
            clearInterval(obj.timer);
            obj.timer=setInterval(function (){
                varbStop=true;//所用的东西都到达
              for(var attr in json)
              {
                var iCur=0;
                if(attr=='opacity')
                {
                    iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
                }
                else
                {
                    iCur=parseInt(getStyle(obj, attr));
                }
                var iSpeed=(json[attr]-iCur)/8;
                iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);
                  if(iCur!=json[attr]) {
                      bStop = false;
                  }
                    if(attr=="opacity")
                    {
                        obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
                        obj.style.opacity=(iCur+iSpeed)/100;
                    }
                    else
                    {
                        obj.style[attr]=iCur+iSpeed+'px';
                    }
                  if(bStop)
                  {
                      clearInterval(obj.timer);
                      if(fn)  //运动停止的时候。假设有传递第四个參数的时候 就执行
                      {
                          fn();
                      }




                  }




              }
            }, 30)
        }
    </script>
</head>
<body>
<div id="div1"></div>
<span></span>
</body>
</html>



**********************************伸缩菜单  简单框架实例**************************************************

<!DOCTYPE html>
<html>
<head lang="en">
    <meta charset="UTF-8">
    <title></title>
    <style type="text/css">
        ul,ol{list-style: none;margin:0;padding:0;}
        ul li{position:relative;width:90px;height:25px;line-height: 25px;text-align: center;float:left;border:1px solid #666666;margin:1px;background:yellowgreen;}
        ol{background:#CCC; overflow:hidden; position:absolute; top:25px; width:100%; height:0; filter:alpha(opacity:0); opacity:0;}
        ol li{border:none;margin:0;background:yellowgreen;border-bottom:1px solid darkslategrey;}
    </style>
    <script type="text/javascript">
        window.οnlοad=function ()
        {


            var aLi=document.getElementsByTagName("li");
            var i=0;
            for(i=0;i<aLi.length;i++) {
            aLi[i].onmouseover = function () {
                var oDiv = this.getElementsByTagName('ol')[0];


                oDiv.style.height = 'auto';
                var iHeight = oDiv.offsetHeight;
                oDiv.style.height = 0;
                startMove(oDiv, {opacity: 100, height: iHeight});
            };
                aLi[i].onmouseout = function () {
                    var oDiv = this.getElementsByTagName('ol')[0];


                    oDiv.style.height = 'auto';
                    var iHeight = oDiv.offsetHeight;
                    oDiv.style.height = 0;
                    startMove(oDiv, {opacity:0, height:0});
                };


        }


        };
        function getStyle(obj, attr)
        {
            if(obj.currentStyle)
            {
                return obj.currentStyle[attr];
            }
            else
            {
                return getComputedStyle(obj, false)[attr];
            }
        }


        function startMove(obj,json,fn)
        {
            clearInterval(obj.timer);
            obj.timer=setInterval(function (){
              for(var attr in json)
              {




                var iCur=0;
                if(attr=='opacity')
                {
                    iCur=parseInt(parseFloat(getStyle(obj, attr))*100);
                }
                else
                {
                    iCur=parseInt(getStyle(obj, attr));
                }
                var iSpeed=(json[attr]-iCur)/8;
                iSpeed=iSpeed>0?Math.ceil(iSpeed):Math.floor(iSpeed);


                if(iCur==json[attr])
                {
                    clearInterval(obj.timer);
                    if(fn)  //运动停止的时候,假设有传递第四个參数的时候 就执行
                    {
                        fn();
                    }




                }
                else
                {
                    if(attr=="opacity")
                    {
                        obj.style.filter='alpha(opacity:'+(iCur+iSpeed)+')';
                        obj.style.opacity=(iCur+iSpeed)/100;
                    }
                    else
                    {
                        obj.style[attr]=iCur+iSpeed+'px';
                    }


                }
              }
            }, 30)
        }
    </script>
</head>
<body>
<ul>
    <li>
        首页
        <ol>
            <li>AAAAAA</li>
            <li>BBBBBB</li>
            <li>CCCCCC</li>
            <li>DDDDDDD</li>
            <li>EEEEEEE</li>
            <li>FFFFFFF</li>
        </ol>
    </li>
    <li>
        css
        <ol>
            <li>AAAAAA</li>
            <li>BBBBBB</li>
            <li>CCCCCC</li>
            <li>DDDDDDD</li>
            <li>EEEEEEE</li>
            <li>FFFFFFF</li>
        </ol>
    </li>
    <li>
        html
        <ol>
            <li>AAAAAA</li>
            <li>BBBBBB</li>
            <li>CCCCCC</li>
            <li>DDDDDDD</li>
            <li>EEEEEEE</li>
            <li>FFFFFFF</li>
        </ol>
    </li>
    <li>
        javascript
        <ol>
            <li>AAAAAA</li>
            <li>BBBBBB</li>
            <li>CCCCCC</li>
            <li>DDDDDDD</li>
            <li>EEEEEEE</li>
            <li>FFFFFFF</li>
        </ol>
    </li>
    <li>
        jQuery
        <ol>
            <li>AAAAAA</li>
            <li>BBBBBB</li>
            <li>CCCCCC</li>
            <li>DDDDDDD</li>
            <li>EEEEEEE</li>
            <li>FFFFFFF</li>
        </ol>
    </li>
</ul>
</body>
</html>

本文来自互联网用户投稿,该文观点仅代表作者本人,不代表本站立场。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如若转载,请注明出处:http://www.mzph.cn/news/281822.shtml

如若内容造成侵权/违法违规/事实不符,请联系多彩编程网进行投诉反馈email:809451989@qq.com,一经查实,立即删除!

相关文章

将字符串分割为指定长度的子字符串

将一个字符串从左至右&#xff0c;分割成指定长度的子字符串&#xff08;注&#xff1a;最后一个子字符串的长度不一定等于指定的长度&#xff09; 1 #include <stdio.h>2 #include <string.h>3 4 #define STR_LENGTH 5 //分割之后每个字符串的长度&#xff08;最…

使用 C# 开发的轻量级开源数据库 LiteDB

你好&#xff0c;这里是 Dotnet 工具箱&#xff0c;定期分享 Dotnet 有趣&#xff0c;实用的工具或组件&#xff0c;希望对您有用&#xff01;简介 LiteDB 是一个小型、快速、轻量级的 .NET NoSQL 嵌入式数据库&#xff0c;也就是我们常说的 K/V 数据库&#xff0c;完全用 C# …

微信小程序仿微信SlideView组件slide-view

微信小程序仿微信SlideView组件。 使用 1、安装 slide-view 从小程序基础库版本 2.2.1 或以上、及开发者工具 1.02.1808300 或以上开始&#xff0c;小程序支持使用 npm 安装第三方包。 npm install --save miniprogram-slide-view2、在需要使用 slide-view 的页面 page.json 中…

hibernate 环境搭建测试

对于hibernate的介绍&#xff0c;网络上一搜一堆&#xff0c;恐怕我写的也没前辈总结的好。这个博主总结的十分好,方便大家欣赏 http://blog.csdn.net/liujiahan629629/article/details/21442607 真正要掌握&#xff0c;还得需要自己动手&#xff0c;才能丰衣足食。所需jar包j…

jQuary的相关动画效果

第一种&#xff1a;该方法隐藏所有 <p> 元素&#xff1a; <html> <head> <script type"text/javascript" src"jquery.js"></script> <script type"text/javascript"> $(document).ready(function(){ $(&quo…

C# WPF 中使用 MahApps.Metro.IconPacks 提供的图标

概述我们在桌面应用程序开发时经常会用到很多图标&#xff0c;时常我是在阿里矢量图库下载&#xff1a;https://www.iconfont.cn/&#xff0c;然后存放多项目中去引用&#xff0c;不过这样操作起来有点繁琐&#xff0c;这节我们介绍一个更加便捷的方式.用法概述Wpf 图标管理工具…

rails generator

generate 查找顺序 rails/generators/initializer/initializer_generator.rb generators/initializer/initializer_generator.rbrails/generators/initializer_generator.rbgenerators/initializer_generator.rblib/templates/rails/helper/helper.rbcustomize your scaffold t…

java多线程同时运行_Java实现的两个线程同时运行案例

本文实例讲述了Java实现的两个线程同时运行。分享给大家供大家参考&#xff0c;具体如下&#xff1a;/*** 两个案例同时运行案例* 1:这个两个线程并不是有规律的运行而是有没有规律的交替运行*/package com.test3;public class Demo10_3 {/*** param args*/public static void …

通过几个例子看sed的模式空间与保持空间

SED之所以能以行为单位的编辑或修改文本&#xff0c;其原因在于它使用了两个空间&#xff1a;一个是活动的“模式空间&#xff08;pattern space&#xff09;”&#xff0c;另一个是起辅助作用的“暂存缓冲区&#xff08;holdingspace&#xff09;这2个空间的使用。 sed编辑器逐…

dotnet 用 SourceGenerator 源代码生成技术实现中文编程语言

相信有很多伙伴都很喜欢自己造编程语言&#xff0c;在有现代的很多工具链的帮助下&#xff0c;实现一门编程语言&#xff0c;似乎已不是一件十分困难的事情。我利用 SourceGenerator 源代码生成技术实现了一个简易的中文编程语言&#xff0c;核心原理是将中文编程语言翻译为 C#…

断电后supervisor启动时报错

当设备意外断电后&#xff0c;supervisor在系统启动时报错&#xff0c;导致程序假死&#xff0c;此问题可以用systemd来替换supervisor。转载于:https://www.cnblogs.com/gaoyiping/p/6950470.html

Vue单页面在ios10系统上出现白屏的bug

一个bug 你用Vue做了一个单页面应用&#xff0c;它在一切设备上都工作正常&#xff0c;但是突然有一天&#xff0c;你的测试和你说&#xff0c;这个网站在iOS 10上跑不起来&#xff0c;怎么办&#xff1f;于是你打开你电脑上的Chrome浏览器&#xff0c;工作正常&#xff1b;打开…

HTTP/2 规格制定完成

IETF HTTP工作者的负责人Mark Nottingham在其博客上宣布HTTP/2规格制定完成&#xff0c;接下来将是分配RFC编号和正式发表。HTTP是Web的核心技术之一&#xff0c;相比HTTP/1&#xff0c;HTTP/2的改进之处包括更快的页面加载&#xff1b;更长久的连接&#xff1b;服务器推送&…

【习题 6-7 UVA - 804】Petri Net Simulation

【链接】 我是链接,点我呀:) 【题意】 在这里输入题意 【题解】 模拟就好 【代码】 /* 1.Shoud it use long long ? 2.Have you ever test several sample(at least therr) yourself? 3.Can you promise that the solution is right? At least,the main ideal 4.use the p…

easyui combobox java_Easyui的combobox实现动态数据级联效果

实现从数据库中动态获取对应的list集合&#xff0c;并在easyui的combobox中显示出来。实现的效果如下&#xff1a;1、数据库的表设计如图所示2、数据库中填写相关的数据&#xff0c;如图所示。如图所示【法律法规】是所属栏目&#xff0c;因此他的字段parentid是0。【中国公民出…

为什么应该默认将 Class 设为密封类?

前言最近在 dotnet/sdk 上看到一个 Issue&#xff0c;它提出了一个有趣的要求&#xff1a;默认情况下将类设置为密封类(Sealed)&#xff1f;什么是密封类&#xff1f;默认情况下&#xff0c;类是开放的&#xff0c;这意味着它是可以被继承的。例如&#xff1a;class BaseClass …

Spring工具类的使用

2019独角兽企业重金招聘Python工程师标准>>> Spring-core中提供了大量的工具类&#xff0c;常用的有StringUtils、ObjectUtils、NumberUtils、Base64Utils等&#xff0c;Spring工具类在spring-core.jar中的org.springframework.util包下。 org.springframework.util…

python作业高级FTP(第八周)

作业需求&#xff1a; 1. 用户加密认证 2. 多用户同时登陆 3. 每个用户有自己的家目录且只能访问自己的家目录 4. 对用户进行磁盘配额、不同用户配额可不同 5. 用户可以登陆server后&#xff0c;可切换目录 6. 查看当前目录下文件 7. 上传下载文件&#xff0c;保证文件一致性 8…

java用log.i打印数组_java-使用JSCH将ssh日志打印到列表(android)

我一直试图通过将包含我目录名称的log.i字符串值添加到数组中,然后使用数组适配器通过listView打印它们,来在listView中的目录中打印项目.但是,当我尝试运行该应用程序时,它将打印包含目录名称的日志,但不会在listView上打印任何内容.有什么帮助吗&#xff1f;这是我的代码&…

Edge 浏览器被爆存在 XSS 绕过漏洞

来自知名安全测试套件Burp Suite厂商PortSwigger的安全专家Gareth Heyes近日在微软Edge浏览器的内置XSS过滤器存在绕过漏洞&#xff0c;这就意味着尽管微软在Edge浏览器中进行了大量的安全策略部署&#xff0c;但用户浏览网页的时候依然有可能让攻击者通过这种方式在Edge浏览器…