Fatal编程技术网
  • javascript/
  • Javascript 浏览器更新消息Internet Explorer 8

Javascript 浏览器更新消息Internet Explorer 8

javascript internet-explorer-8

Javascript 浏览器更新消息Internet Explorer 8,javascript,internet-explorer-8,Javascript,Internet Explorer 8,浏览器更新脚本会导致页面在IE11中加载非常缓慢，当我点击F12获取开发者工具并选择IE8时，或者在另一台运行IE8的计算机上，该消息不会显示。我不确定我做错了什么 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html> <head> <meta cha

浏览器更新脚本会导致页面在IE11中加载非常缓慢，当我点击F12获取开发者工具并选择IE8时，或者在另一台运行IE8的计算机上，该消息不会显示。我不确定我做错了什么

 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html>
<head>
<meta charset="utf-8">
<title>DS Arts</title>

<script type="text/javascript" src="jquery-2.1.1.min.js"></script>
<script type="text/javascript" src="jquery.cycle.all.js"></script>
<script type="text/javascript">
$('#slider').cycle({

    fx:         'fade',
    timeout:    3000,
    next:       '#next',
    prev:       '#prev'


    });
</script>

<script type="text/javascript"> 
var $buoop = {vs:{i:8,f:15,o:12.1,s:5.1}}; 
$buoop.ol = window.onload; 
window.onload=function(){ 
 try {if ($buoop.ol) $buoop.ol();}catch (e) {} 
 var e = document.createElement("script"); 
 e.setAttribute("type", "text/javascript"); 
 e.setAttribute("src", "//browser-update.org/update.js"); 
 document.body.appendChild(e); 
} 
</script> 



<style type="text/css">
#hero {
    height: 500px;
    margin: auto;
    width: 700px;
    position: relative;
}
#slider {
    position: relative;
}
#slidewrap {
    position: absolute;
    height: 20px;
}
.myCaption {
    color: #F6F0E2;
    backface-visibility: visible;
    background: #000000;
    font-family: Segoe, "Segoe UI", "DejaVu Sans", "Trebuchet MS", Verdana, sans-serif;
    font-weight: bold;
    font-size: small;
    width: 685px;
    display: block;
    padding-top: 10px;
    z-index: 99;
    padding-left: 15px;
    top: -35px;
    position: relative;
    padding-bottom: 10px;
}
#next {
    width: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 225px;
    right: 0px;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
    padding-right: 10px;
}
#prev {
    widows: 50px;
    height: 50px;
    text-align: center;
    line-height: 50px;
    position: absolute;
    top: 225px;
    left::0px;
    z-index: 99;
    cursor: pointer;
    opacity: 0;
    padding-left: 10px;
}
#hero:hover #next {
    opacity: .8;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
}
#hero:hover #prev {
    opacity: .8;
    transition: all .5s ease-out;
    -webkit-transition: all .5s ease-out;
}
</style>

<link href="main.css" rel="stylesheet" type="text/css">
<body bgcolor="#3097B9">
</head> 



<div class="page-wrap">
<body>

 <header>
  <div id="headerwrap"><div><a href="index.html"><img src="images/logo.jpg" alt="DS Arts logo" width="529" height="143" class="headerimage"/></a></div> 

   <img src="images/Factory.png" alt="" width="400" height="136" id="buildingimg"/></div>


</header>
<div id="navwrap"><nav id="navbar"><ul>
    <p><a href="index.html">Home</a></p>
    <p><a href="design.html">Design</a></p>
    <p><a href="solutions.html">Solutions</a></p>
    <p><a href="fabrication.html">Fabrication</a></p>
    <p><a href="installation.html">Installation</a></p>
    <p><a href="portfolio.html">Portfolio</a></p>
    <p><a href="clientlist.html">Client List</a></p>
    <p><a href="contact.html" id="16">Contact</a></p>
  </ul>

</nav></div>


<div id="wrapper">

<div id="paragraph">
<h1><a href="design.html">Design</a>, Display,<br> <a href="fabrication.html">Fabrication</a>,<br> <a href="installation.html">Installation</a>...</h1>
<p class="p">A picture is worth a thousand words. We’re DS ARTS. We’re in the business of creating amazing environments that motivate, impress, and make a statement through our design, production, and installation expertise. We work with a wide spectrum of clients to create trade shows, special events, showrooms, restaurant and retail interiors, sales and marketing centers, specialized decor and entertainment venues. Of course, everything is created with each client’s unique needs in mind. Take a look... We think you’ll like what you see...</p></div>

<div class="rotator">

<div id="hero">

<div id="next"><img src="images/right.png" width="50" height="50" alt=""/></div>
<div id="prev"><img src="images/left.png" width="50" height="50" alt=""/></div>


     <div id="slider">

     <div id="slidewrap">
     <img src="images/mickey.jpg" width="700" height="500" alt=""/>
     <span class="myCaption">MATTEL - New York Toy Fair</span>
     </div>

     <div id="slidewrap">
     <img src="images/Lenox square.jpg" width="700" height="500" alt=""/>
     <span class="myCaption">LENOX SQUARE MALL - Atlanta</span>
     </div>

     <div id="slidewrap">
     <img src="images/fisher.jpg" width="700" height="500" alt=""/>
     <span class="myCaption">FISHE PRICE JPMA SHOW - Dallas</span>
     </div>

     <div id="slidewrap">
     <img src="images/DSC03399.JPG" width="700" height="500" alt=""/>
     <span class="myCaption">VICTORY PARK DISCOVERY CENTER - Dallas</span>
     </div>

     <div id="slidewrap">
     <img src="images/megazord.jpg" width="700" height="500" alt=""/>
     <span class="myCaption">BANDAI - New York Toy Fair</span>
     </div>

     <div id="slidewrap">
     <img src="images/BIRD CAGES.jpg" width="700" height="500" alt=""/>
     <span class="myCaption">COWBOYS STADIUM - Arlington</span>
     </div>

     <div id="slidewrap">
     <img src="images/benten.jpg" width="700" height="500" alt=""/>
     <span class="myCaption">BANDAI - New York Toy Fair</span>
     </div>


</div>

</div>
</div> 
</body>
</div>
</div>

<footer class="site-footer">
  <div id="footwrap">
<p>&nbsp;&nbsp;&nbsp;&nbsp;Phone:&nbsp;&nbsp;&nbsp;&nbsp;Fax: 214-565-7859 &nbsp;&nbsp;&nbsp;&nbsp;<a href="mailto:dkolbo@dsarts.com"></a><p/>
  </div>
</footer>


</html>


DS艺术
$（“#滑块”）。循环({
外汇：“淡出”，
超时：3000，
下一个：“#下一个”，
上一页：“#上一页”
});
var$buoop={vs:{i:8，f:15，o:12.1，s:5.1}；
$buoop.ol=window.onload；
window.onload=function（）{
试试{if（$buoop.ol）$buoop.ol（）；}catch（e）{}
var e=document.createElement（“脚本”）；
e、 setAttribute（“类型”、“文本/javascript”）；
e、 setAttribute（“src”，“//browser update.org/update.js”）；
文件.正文.附件（e）；
} 
#英雄{
高度：500px；
保证金：自动；
宽度：700px；
位置：相对位置；
}
#滑块{
位置：相对位置；
}
#滑动包裹{
位置：绝对位置；
高度：20px；
}
.myCaption{
颜色：#F6F0E2；
背面可见性：可见；
背景：#000000；
字体系列：Segoe，“Segoe UI”，“DejaVu Sans”，“投石机MS”，Verdana，Sans serif；
字体大小：粗体；
字体大小：小；
宽度：685px；
显示：块；
填充顶部：10px；
z指数：99；
左侧填充：15px；
顶部：-35px；
位置：相对位置；
垫底：10px；
}
#下一个{
宽度：50px；
高度：50px；
文本对齐：居中；
线高：50px；
位置：绝对位置；
顶部：225px；
右：0px；
z指数：99；
光标：指针；
不透明度：0；
右边填充：10px；
}
#上{
寡妇：50像素；
高度：50px；
文本对齐：居中；
线高：50px；
位置：绝对位置；
顶部：225px；
左：：0px；
z指数：99；
光标：指针；
不透明度：0；
左侧填充：10px；
}
#英雄：悬停#下一个{
不透明度：.8；
过渡：全部。5秒放松；
-webkit过渡：所有.5s的放松；
}
#英雄：悬停#上{
不透明度：.8；
过渡：全部。5秒放松；
-webkit过渡：所有.5s的放松；
}

    

    

    

    

    

    

    

    

    


，显示，
，
。。。
一幅画抵得上千言万语。我们是DS艺术。我们致力于创造令人惊叹的环境，通过我们的设计、生产和安装专业知识来激发、打动和表达我们的想法。我们与广泛的客户合作，创建贸易展览、特别活动、展厅、餐厅和零售室内、销售和营销中心、专业装饰和娱乐场所。当然，每件事都是根据每个客户的独特需求来创建的。看看。。。我们认为你会喜欢你看到的

美泰-纽约玩具展
亚特兰大莱诺克斯广场购物中心
FISHE PRICE JPMA展会-达拉斯
胜利公园探索中心-达拉斯
班代-纽约玩具博览会
牛仔体育场-阿灵顿
班代-纽约玩具博览会
电话：传真：214-565-7859
脚本假定您正在Web服务器上运行，因此，当您在本地运行它时，请更改

 e.setAttribute("src", "//browser-update.org/update.js");
到

但请记住在您的实时站点上运行时将其更改回来

因此，我想充分解释一下：

替换

<script type="text/javascript"> 
var $buoop = {vs:{i:8,f:15,o:12.1,s:5.1}}; 
$buoop.ol = window.onload; 
window.onload=function(){ 
 try {if ($buoop.ol) $buoop.ol();}catch (e) {} 
 var e = document.createElement("script"); 
 e.setAttribute("type", "text/javascript"); 
 e.setAttribute("src", "//browser-update.org/update.js"); 
 document.body.appendChild(e); 
} 
</script> 


var$buoop={vs:{i:8，f:15，o:12.1，s:5.1}；
$buoop.ol=window.onload；
window.onload=function（）{
试试{if（$buoop.ol）$buoop.ol（）；}catch（e）{}
var e=document.createElement（“脚本”）；
e、 setAttribute（“类型”、“文本/javascript”）；
e、 setAttribute（“src”，“//browser update.org/update.js”）；
文件.正文.附件（e）；
}
与


var$buoop={vs:{i:8，f:15，o:12.1，s:5.1}；
$buoop.ol=window.onload；
window.onload=function（）{
试试{if（$buoop.ol）$buoop.ol（）；}catch（e）{}
var e=document.createElement（“脚本”）；
e、 setAttribute（“类型”、“文本/javascript”）；
e、 setAttribute（“src”http://browser-update.org/update.js“”；//这行变了！
文件.正文.附件（e）；
}
要添加到已接受的答案中，请记住“通知默认每天只出现一次”，正如他们的页面所说（这是@KitKat之前指出的）。如果需要，您可以使用JS代码段中的
提醒
选项自定义此行为。他们在这方面有更多的经验。我花了很长时间才弄明白。。。希望这对某人有所帮助。

很抱歉，有人发现这没有用，我已经花了两天时间试图解决这个问题，所以我确实做出了努力。在Browser-update.org上，它只是说要将其粘贴到您的源页面中。我就是这么做的，但它不起作用。感谢您的帮助。这是一个不起作用的脚本：var$buoop={vs:{i:8，f:15，o:12.1，s:5.1}$buoop.ol=window.onload；window.onload=function（）{try{if（$buoop.ol）$buoop.ol（）；}catch（e）{}var e=document.createElement（“脚本”）；e.setAttribute（“type”、“text/javascript”）；e.setAttribute（“src”，“//browser update.org/update.js”）；document.body.appendChild（e）；}你是在Web服务器上运行这个，还是在浏览器中本地测试它？我在本地测试。哦，我明白了。但是它仍然没有显示消息。@mytaquitos:这可能是因为您的浏览器是最新的吗？Internet Explorer有一个开发人员工具，允许您在旧版IE中查看页面，所以没有。@mytaquitos消息是第一次在“旧”浏览器上运行时显示的。它在24小时后再次出现，因此很微妙。启动“私人浏览会话”并测试页面以查看消息。如果在本地服务器上运行网站，则不需要此技巧。如果您确实保留了
http
，那么您可能需要在您的生产站点上将其更改为
https
，如果它具有SSL。 
<script type="text/javascript"> 
var $buoop = {vs:{i:8,f:15,o:12.1,s:5.1}}; 
$buoop.ol = window.onload; 
window.onload=function(){ 
 try {if ($buoop.ol) $buoop.ol();}catch (e) {} 
 var e = document.createElement("script"); 
 e.setAttribute("type", "text/javascript"); 
 e.setAttribute("src", "//browser-update.org/update.js"); 
 document.body.appendChild(e); 
} 
</script> 

<script type="text/javascript"> 
var $buoop = {vs:{i:8,f:15,o:12.1,s:5.1}}; 
$buoop.ol = window.onload; 
window.onload=function(){ 
 try {if ($buoop.ol) $buoop.ol();}catch (e) {} 
 var e = document.createElement("script"); 
 e.setAttribute("type", "text/javascript"); 
 e.setAttribute("src", "http://browser-update.org/update.js"); // this line changes!
 document.body.appendChild(e); 
} 
</script>