仓酷云

 找回密码
 立即注册
搜索
热搜: 活动 交友 discuz
查看: 1905|回复: 8

[HTML5] html教程之网页主动跳转HTML、PHP、.NET、JSP等代码年夜全

[复制链接]
金色的骷髅 该用户已被删除
发表于 2015-1-15 23:11:46 | 显示全部楼层 |阅读模式

马上注册,结交更多好友,享用更多功能,让你轻松玩转社区。

您需要 登录 才可以下载或查看,没有帐号?立即注册

x
通过我们的HTML编辑器,您能够编辑HTML,然后点击按钮来查看结果。本文经由过程各类办法为你解说网页跳转,总有你必要的,网页跳转的优点就不说了(此处省略1w字)。
1、一般HTML页面的跳转代码:
1.
<metahttp-equiv="refresh"content="5;URL=http://www.poluoluo.com">
申明:
1、下面的代码,放在网页头部的“</head>”下面;
2、数字5,是5秒今后主动跳转,可本人依照必要设置;
3、网址http://bbs.99su.com,就是主动跳转到的新的网址。
4.网页必要加载终了后才干跳转。
2.使用Javascript言语
<script>location="http://www.poluoluo.com";</script>
申明:
本代码是网页一翻开就间接跳转到http://www.poluoluo.com下面往了!

2、PHP跳转代码:
<?
//PHP自带函数,注重:利用该Header函数时必需网页未发生任何输入,此时特别要注重空格的成绩。即必需放在网页最入手下手处
Header("Location:http://www.poluoluo.com");
?>
3、ASP跳转代码:
<%
asp自带
Response.Redirect("http://www.poluoluo.com")
%>
主动转向,也叫主动重定向。主动跳转,指当会见用户上岸到某网站时,主动将用户转向别的网页地点的一种手艺。转向的网页地点能够是网站内的别的网页,也能够是别的网站。一般情形下,扫瞄器会收到一个网页,该页面含有主动加载一别的网页的代码。该页面有大概在服务器端被转换,如许的话,扫瞄器只收到一个页面,而主动转憧憬往意味着扫瞄器收到的页面具有主动将会见用户送至别的页面的功效。

对主动转向手艺的公道使用包含:将用户转向到指定扫瞄器的网页版本;当网站的域名变动或删除后将人们转向到新域名下,等等。但如今这类手艺却常常被搜刮引擎优化人士用来作为进步网站的搜刮引擎排名的一种手腕。比方,先专门针对搜刮引擎做一个高度优化的网页,也就是我们一般所说的“桥页”,然后把这个网页提交给搜刮引擎来取得好的排名。可是,当搜刮用户经由过程搜刮引擎的搜刮了局列表点击该网页列表进进后,将被主动转向到一个用户原本偶然往会见的网站地点。搜刮引擎经常以为主动转向的网页是对读者的误导,以是它会对这类网页或网站施以惩戒,不外对一些主动转向办法它今朝还没法主动检测出来。
MetaRefreshTag主动转向法
因为搜刮引擎可以读取HTML,而Metatags也是HTML,以是关于这类主动转向法,搜刮引擎可以主动检测出来。因此不管网站的转向出于甚么目标,都很简单被搜刮引擎视做对读者的误导而遭到处分。不外,假如跳转提早工夫设置符合,搜刮引擎就不会视之为做弊。
页面准时革新元标识(MetaRefreshTag)只能放在HTML代码的<HEAD>区里。以下所示:
代码
CODE:

<metahttp-equiv="refresh"content="5"url=http://www.poluoluo.com">
个中的“5”是告知扫瞄器在页面加载5秒钟后主动跳转到page.htm这个页面。这类办法常能够在论坛中见到。假如在论坛上发信息,先会看到一个确认页面,几秒后会主动从头跳转回以后的论坛页面中。
从seo的角度动身,一样平常不但愿主动转向有提早。不外,假如是用MetaRefresh标识举行转向,必定要注重把提早工夫设定成最少10秒以上。
“javascript”主动转向法
因为不克不及剖析javascript,以是搜刮引擎没法发觉(主动检测到)用javascript剧本举行的主动转向。javascript主动重定向剧本能够放在网页的任何地位上,假如请求当即跳转,则能够将其放进网页源码的<head>区内的最下面。用javascript完成跳转的典范以下:
计划1:
代码
CODE:

<scriptlanguage="javascript">
<!--
location.replace("http://www.poluoluo.com");
-->
</script>
用javascript完成主动重定向的优点在于:用户所会见的方针URL不会保存在用户扫瞄器的汗青纪录中,假如用户按前往按钮前往,则将回到跳转前的网页,而不是包括javascript主动重定向剧本的跳转页面,所以不会呈现当用户点击前往按钮后前往至重定向页,然后该页主动跳转到用户原本想分开的谁人页面的为难情况。
假如必要,能够把javascript主动重定向剧本存在一个内部文件中,并经由过程上面的命令行来加载,个中“filename.js”是该内部文件的路径和文件名:
代码
<scriptlanguage="javascript"src="filename.js"></script>

注重:若需完成马上转向,或不但愿人们看到转向前的谁人页面,一样平常经常使用javascript剧本完成。在这类情形下应将javascript剧本放进HTML源码的<HEAD>区中。
表单(FORM)主动转向法
搜刮引擎的“匍匐”程序是不会填写表单的,以是它们也不会注重到提交表单,因此能够使用表单来完成主动转向(重定向)而不让搜刮引擎发觉。
关于表单,人们常常很少意想到:表单的Action参数中包括的URL地点实在恰是扫瞄器向服务器所哀求的URL。扫瞄器将会经由过程向哀求的URL地点增添一些格局为name=value的参数赐与它以特别的看待。在甚么都没有的情形下,扫瞄器仍然会为该URL布置哀求至服务器。
用javascript剧本可以让页面入手下手加载时即提交表单。上面是一个用javascript完成表单自动提交,和提交表单的典范:
代码
CODE:

<scriptlanguage="javascript"><!--document.myform.submit()
//-->
</script>
<formname="myform"action="http://www.poluoluo.com"method="get"></form>
良多时分我们必要Web页具有有主动跳转功效,比方,论坛中的用户登录、发帖及复兴或留言簿中的留言和复兴等操纵乐成后,若用户没有任何鼠标点击操纵,过了必定的工夫,页面主动跳转到预设的页面。本文会商网页主动跳转的几种完成办法。
方法一:利用meta标签meta标签是html不成或缺的标签之一,它卖力供应文档的元信息,其参数次要有:
①http-equiv:与文档中数据相干的HTTP文件首部②content:与定名HTTP首部相干的数据③name:文档形貌④url:与元信息相接洽的URL当我们界说属性http-equiv为refresh,翻开此Web页时体系将依据content划定的值在必定工夫内跳转到响应页面,content="秒数;url=网址"就是界说了过量长工夫跳转到指定的网址。以下meta标签告知体系一秒钟后页面主动跳转到黑马在线动力:
<metahttp-equiv="refresh"content="1;url=http://www.poluoluo.com/">
以上代码必要加在HTTP文档首部中,介于<head>与</head>之间,一般,meta标签是紧跟在<head>以后。若必要有多个meta标签,它们能够各占一行。
此法通用于任何情况,包括静态的网站空间。
办法二:利用header函数header函数是php内置函数中的HTTP相干函数之一,该函数送出HTTP协定标头到扫瞄器。利用它能够重定向URL,即令页面转向其他指定的网页。以下例子,实行后将主动翻开黑马在线动力首页:
header("Location:http://www.poluoluo.com/");
必需注重,header函数只能用在页面代码中的<html>标签之前,亦即,HTTP首部还没有有其他任何标头(<head>)传送给扫瞄器之前,并且,此前页面也不克不及print或echo任何内容。换句话说,在页面的<html>呈现前,程序只纯真地处置header事务。只管有云云严厉的请求,天真地利用它,仍旧能够告竣页面的主动跳转功效,好比登录页面,经由过程判别用户提交的数据是不是正当来决意页面跳转到那边。以下给出一个复杂的例子:
CODE:
<?php
/*登录程序-文件名:login.php
程序感化-判别用户登录口令*/
if($_POST[Submit]){
session_start();
if($_POST[pws]==123){//若暗码为123
$_SESSION[passwd]=123;//写进会话数据
header("Location:index.php");//跳转到一般页面
}else{
header("Location:login.php");//跳转到登录页面
}
}
//表单代码略(也能够用纯html代码写表单,若云云,代码应放在程序以后
?>
<?php
/*检测会话数据-文件名:index.php
程序感化-检测会话数据中的暗码是不是为123,若不是,前往
登录页面*/
session_start();
if($_SESSION[passwd]!=123)header("Location:login.php");
//其他代码(纯HTML代码应写在程序以后)
?>
此法明显只能用于撑持php的空间情况。
办法三:利用JavaScriptJS十分天真,使用它能够做出功效十分壮大的程序剧本,这里仅举一个复杂的页面主动跳转的JS例子。以下代码实行后扫瞄器将主动转到黑马在线动力网站,该代码可放在页面中的任何正当的地位:
<scriptlanguage="javascript"type="text/javascript">window.location.href("http://www.poluoluo.com");</script>此代码合用于任何Web情况。若到场准时器,将加倍妙趣横生。

办法一:
<metahttp-equiv="refresh"content="‘守候工夫’;URL=‘跳转页面’">
办法二:
这是一个js的使用。
测试代码:
CODE:

<inputtype=buttonvalue="点击入手下手">
<spanid="view"></span>
<script>
t=-1;//计数器
setInterval("testTime()",1000);//启动1秒准时
functiontestTime(){
if(t<0)return;//计数器值小于0,暗示还没有入手下手倒计时
if(t==0)//计数器值为0,转向
location="http://www.poluoluo.com";
view.innerHTML="<b>"+t+"</b>";//显现倒计时
t--;//计数器递加
}
functionoffTime(){
if(event.srcElement.value!="点击入手下手"){//若不是倒计时入手下手
t=-1;//初始计数器
view.innerHTML="";//清空倒计时
}
}
document.onclick=offTime;//启动点击事务监督
</p>
HTML5TheMediaCaptureAPI提供了对摄像头的可编程访问,用户可以直接用getUserMedia获得摄像头提供的视频流。我们需要做的是添加一个HTML5的Video标签
海妖 该用户已被删除
发表于 2015-1-17 14:18:28 | 显示全部楼层
我深感到交流的重要。善于交流的人才是善于学习的人。在整个技术的学习过程中,我总结了四大定律:兴趣、恒心、虚心、时间。
不帅 该用户已被删除
发表于 2015-1-20 20:07:27 | 显示全部楼层
只要我们努力,无论是怎样的艰难险阻,成功依然会迎面直击。在刚开始时我觉得dreamweaver mx XX很难理解。
透明 该用户已被删除
发表于 2015-1-29 19:50:53 | 显示全部楼层
Dreamweaver在所见即所得添加链接时,可以在选中文字后在属性栏中的链接栏中直接输入文件的地址即可。
第二个灵魂 该用户已被删除
发表于 2015-2-6 03:49:58 | 显示全部楼层
还可以在Dreamweaver常用工具中选择超级链接,完成相应的填写即可。
若天明 该用户已被删除
发表于 2015-2-15 12:53:00 | 显示全部楼层
由CS4 版本开始,则转用WebKit 排版引擎(亦即Google Chrome和Apple Safari浏览器所用的排版引擎)作为网页预览。
深爱那片海 该用户已被删除
发表于 2015-3-4 11:31:37 | 显示全部楼层
经过两天的学习,总算对Dreamweaver有进一步的了解了,心中不免有些激动。今天和其他几位老师交流了一下,感觉受益匪浅.
admin 该用户已被删除
发表于 2015-3-19 10:32:43 | 显示全部楼层
Dreamweaver由MX版本开始使用Opera软件公司的排版引擎“Presto”作为网页预览。
小女巫 该用户已被删除
发表于 2015-3-27 22:08:35 | 显示全部楼层
您在所见即所得网页编辑器进行网页制作和在WORD中进行文本编辑不会感到有什么区别,但它同时也存在着致命的弱点。
您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

QQ|Archiver|手机版|仓酷云 鄂ICP备14007578号-2

GMT+8, 2024-4-18 10:26

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表