html中，如何打开index.html后可以自动打开另一个页面？ 如何打开网页是让它自动打开另一个链接网页
\u600e\u4e48\u4eceindex.html\u4e0b\u81ea\u52a8\u8df3\u8f6c\u5230a.html
window.location.href="a.html";
\u8fd9\u91cc\u6709\u516b\u79cd\u65b9\u6cd5\uff0c\u4f60\u53bb\u9009\u4e00\u79cd\u5427
\u4e00\u3001\u6700\u57fa\u672c\u7684\u5f39\u51fa\u7a97\u53e3\u4ee3\u7801
<!--
window.open ('http://www.eqing.com.cn/index.html')
-->
\u4e8c\u3001\u7ecf\u8fc7\u8bbe\u7f6e\u540e\u7684\u5f39\u51fa\u7a97\u53e3
<!--
window.open ('http://www.eqing.com.cn/index.html', 'newwindow', 'height=100, width=400, top=0, left=0, toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no, status=no')
-->
\u4e09\u3001\u7528\u51fd\u6570\u63a7\u5236\u5f39\u51fa\u7a97\u53e3
\u4e0b\u9762\u662f\u4e00\u4e2a\u5b8c\u6574\u7684\u4ee3\u7801\u3002
<!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//\u5199\u6210\u4e00\u884c
}
//-->
...\u4efb\u610f\u7684\u9875\u9762\u5185\u5bb9...
\u8fd9\u91cc\u5b9a\u4e49\u4e86\u4e00\u4e2a\u51fd\u6570openwin(),\u51fd\u6570\u5185\u5bb9\u5c31\u662f\u6253\u5f00\u4e00\u4e2a\u7a97\u53e3\u3002\u5728\u8c03\u7528\u5b83\u4e4b\u524d\u6ca1\u6709\u4efb\u4f55\u7528\u9014\u3002
\u600e\u4e48\u8c03\u7528\u5462\uff1f
\u65b9\u6cd5\u4e00\uff1a \u6d4f\u89c8\u5668\u8bfb\u9875\u9762\u65f6\u5f39\u51fa\u7a97\u53e3\uff1b
\u65b9\u6cd5\u4e8c\uff1a \u6d4f\u89c8\u5668\u79bb\u5f00\u9875\u9762\u65f6\u5f39\u51fa\u7a97\u53e3\uff1b
\u65b9\u6cd5\u4e09\uff1a\u6253\u5f00\u4e00\u4e2a\u7a97\u53e3 \u6ce8\u610f\uff1a\u4f7f\u7528\u7684\u201c#\u201d\u662f\u865a\u8fde\u63a5\u3002
\u65b9\u6cd5\u56db\uff1a
\u56db\u3001\u540c\u65f6\u5f39\u51fa2\u4e2a\u7a97\u53e3
\u5bf9\u6e90\u4ee3\u7801\u7a0d\u5fae\u6539\u52a8\u4e00\u4e0b\uff1a
<!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=100, top=0, left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
window.open ("page2.html", "newwindow2", "height=100, width=100, top=100, left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
}
//-->
\u4e3a\u907f\u514d\u5f39\u51fa\u76842\u4e2a\u7a97\u53e3\u8986\u76d6\uff0c\u7528top\u548cleft\u63a7\u5236\u4e00\u4e0b\u5f39\u51fa\u7684\u4f4d\u7f6e\u4e0d\u8981\u76f8\u4e92\u8986\u76d6\u5373\u53ef\u3002\u6700\u540e\u7528\u4e0a\u9762\u8bf4\u8fc7\u7684\u56db\u79cd\u65b9\u6cd5\u8c03\u7528\u5373\u53ef\u3002
\u6ce8\u610f\uff1a2\u4e2a\u7a97\u53e3\u7684name(newwindows\u548cnewwindow2)\u4e0d\u8981\u76f8\u540c
\u4e94\u3001\u4e3b\u7a97\u53e3\u6253\u5f00\u6587\u4ef6\uff0c\u540c\u65f6\u5f39\u51fa\u5c0f\u7a97\u53e3
\u5982\u4e0b\u4ee3\u7801\u52a0\u5165\u4e3b\u7a97\u53e3\u533a\uff1a
<!--
function openwin() {
window.open("page.html","","width=200,height=200")
}
//-->
\u533a\u52a0\u5165\uff1a
open
\u5373\u53ef\u3002
\u516d\u3001\u5f39\u51fa\u7684\u7a97\u53e3\u4e4b\u5b9a\u65f6\u5173\u95ed\u63a7\u5236
\u5982\u4e0b\u4ee3\u7801\u52a0\u5165page.html\u6587\u4ef6\u7684\u533a\uff1a
function closeit() {
setTimeout("self.close()",10000) //\u6beb\u79d2
}
\u7136\u540e\uff0c\u518d\u7528
\u4e03\u3001\u5185\u5305\u542b\u7684\u5f39\u51fa\u7a97\u53e3-\u4e00\u4e2a\u9875\u9762\u4e24\u4e2a\u7a97\u53e3
\u901a\u8fc7\u4e0b\u9762\u7684\u4f8b\u5b50\uff0c\u4f60\u53ef\u4ee5\u5728\u4e00\u4e2a\u9875\u9762\u5185\u5b8c\u6210\u4e0a\u9762\u7684\u6548\u679c\u3002
function openwin()
{
OpenWindow=window.open("", "newwin", "height=250, width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
//\u5199\u6210\u4e00\u884c
OpenWindow.document.write("\u4f8b\u5b50")
OpenWindow.document.write("")
OpenWindow.document.write("Hello!")
OpenWindow.document.write("New window opened!")
OpenWindow.document.write("")
OpenWindow.document.write("")
OpenWindow.document.close()
}
\u6253\u5f00\u4e00\u4e2a\u7a97\u53e3
\u770b\u770b OpenWindow.document.write()\u91cc\u9762\u7684\u4ee3\u7801\u4e0d\u5c31\u662f\u6807\u51c6\u7684HTML\u5417\uff1f\u53ea\u8981\u6309\u7167\u683c\u5f0f\u5199\u66f4\u591a\u7684\u884c\u5373\u53ef\u3002\u5343\u4e07\u6ce8\u610f\u591a\u4e00\u4e2a\u6807\u7b7e\u6216\u5c11\u4e00\u4e2a\u6807\u7b7e\u5c31\u4f1a\u51fa\u73b0\u9519\u8bef\u3002\u8bb0\u5f97\u7528OpenWindow.document.close()\u7ed3\u675f\u554a\u3002
\u516b\u3001\u7ec8\u6781\u5e94\u7528--\u5f39\u51fa\u7684\u7a97\u53e3\u4e4bCookie\u63a7\u5236
\u5c06\u5982\u4e0b\u4ee3\u7801\u52a0\u5165\u4e3b\u9875\u9762HTML\u7684\u533a\uff1a
function openwin(){
window.open("page.html","","width=200,height=200")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (document.cookie.length > 0) {
offset = document.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = document.cookie.indexOf(";", offset);
if (end == -1)
end = document.cookie.length;
returnvalue=unescape(document.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
document.cookie="popped=yes"
}
}
\u7136\u540e\uff0c\u7528
其实代码非常简单：
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html')
-->
</SCRIPT>
因为这是一段javascripts代码，所以它们应该放在<SCRIPT LANGUAGE="javascript">之间。<!--
和 -->是对一些版本低的浏览器起作用，在这些老浏览器中不会将标签中的代码作为文本显示出
来。要养成这个好习惯啊。
window.open ('page.html') 用于控制弹出新的窗口page.html，如果page.html不与主窗口在同
一路径下，前面应写明路径，绝对路径(http://)和相对路径(../)均可。
用单引号和双引号都可以，只是不要混用。
这一段代码可以加入HTML的任意位置，<head>和</head>之间可以，<body>间</body>也可以，越
前越早执行，尤其是页面代码长，又想使页面早点弹出就尽量往前放。也可以，越前越早执行，
尤其是页面代码长，又想使页面早点弹出就尽量往前放。
【2、经过设置后的弹出窗口】
下面再说一说弹出窗口的设置。只要再往上面的代码中加一点东西就可以了。我们来定制这个弹
出的窗口的外观，尺寸大小，弹出的位置以适应该页面的具体情况。
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html', 'newwindow', 'height=100, width=400, top=0,left=0,
toolbar=no, menubar=no, scrollbars=no, resizable=no,location=no,status=no')
//写成一行
-->
</SCRIPT>
参数解释：
<SCRIPT LANGUAGE="javascript"> js脚本开始；
window.open 弹出新窗口的命令；
'page.html' 弹出窗口的文件名；
'newwindow' 弹出窗口的名字（不是文件名），非必须，可用空''代替；
height=100 窗口高度；
width=400 窗口宽度；
top=0 窗口距离屏幕上方的象素值；
left=0 窗口距离屏幕左侧的象素值；
toolbar=no 是否显示工具栏，yes为显示；
menubar，scrollbars 表示菜单栏和滚动栏。
resizable=no 是否允许改变窗口大小，yes为允许；
location=no 是否显示地址栏，yes为允许；
status=no 是否显示状态栏内的信息（通常是文件已经打开），yes为允许；
</SCRIPT> js脚本结束
【3、用函数控制弹出窗口】
下面是一个完整的代码：
<html>
<head>
<script LANGUAGE="javascript">
<!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=400,
toolbar=no,menubar=no, scrollbars=no, resizable=no, location=no, status=no")
//写成一行
}
//-->
</script>
</head>
<body onload="openwin()">
...任意的页面内容...
</body>
</html>
这里定义了一个函数openwin(),函数内容就是打开一个窗口。在调用它之前没有任何用途。
怎么调用呢？
方法一：<body onload="openwin()"> 浏览器读页面时弹出窗口；
方法二：<body onunload="openwin()"> 浏览器离开页面时弹出窗口；
方法三：用一个连接调用：<a href="#" onclick="openwin()">打开一个窗口</a>
注意：使用的“#”是虚连接。
方法四：用一个按钮调用：<input type="button" onclick="openwin()" value="打开窗
口">
【4、同时弹出2个窗口】
对源代码稍微改动一下：
<script LANGUAGE="javascript">
<!--
function openwin() {
window.open ("page.html", "newwindow", "height=100, width=100,
top=0,left=0,toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no,status=no")
//写成一行
window.open ("page2.html", "newwindow2", "height=100, width=100,
top=100,left=100,toolbar=no, menubar=no, scrollbars=no, resizable=no,
location=no,status=no")
//写成一行
}
//-->
</script>
为避免弹出的2个窗口覆盖，用top和left控制一下弹出的位置不要相互覆盖即可。最后用上面
说过的四种方法调用即可。
注意：2个窗口的name(newwindows和newwindow2)不要相同，或者干脆全部为空。OK？
【5、主窗口打开文件1.htm，同时弹出小窗口page.html】
如下代码加入主窗口<head>区：
<script language="javascript">
<!--
function openwin() {
window.open("page.html","","width=200,height=200")
}
//-->
</script>
加入<body>区：
<a href="1.htm" onclick="openwin()">open</a>即可。
【6、弹出的窗口之定时关闭控制】
下面我们再对弹出的窗口进行一些控制，效果就更好了。如果我们再将一小段代码加入弹出的页
面(注意是加入到page.html的HTML中，可不是主页面中，否则...)，让它10秒后自动关闭是不是
更酷了？
首先，将如下代码加入page.html文件的<head>区：
<script language="javascript">
function closeit() {
setTimeout("self.close()",10000) //毫秒
}
</script>
然后，再用<body onload="closeit()"> 这一句话代替page.html中原有的<BODY>这一句就可以
了。(这一句话千万不要忘记写啊！这一句的作用是调用关闭窗口的代码，10秒钟后就自行关闭该
窗口。)
【7、在弹出窗口中加上一个关闭按钮】
<form>
<INPUT TYPE='BUTTON' value='关闭' onClick='window.close()'>
</form>
呵呵，现在更加完美了！
【8、内包含的弹出窗口-－－一个页面两个窗口】
上面的例子都包含两个窗口，一个是主窗口，另一个是弹出的小窗口。通过下面的例子，你可以
在一个页面内完成上面的效果。
<html>
<head>
<SCRIPT LANGUAGE="javascript">
function openwin()
{
OpenWindow=window.open("", "newwin", "height=250,
width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
//写成一行
OpenWindow.document.write("<TITLE>例子</TITLE>")
OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")
OpenWindow.document.write("<h1>Hello!</h1>")
OpenWindow.document.write("New window opened!")
OpenWindow.document.write("</BODY>")
OpenWindow.document.write("</HTML>")
OpenWindow.document.close()
}
</SCRIPT>
</head>
<body>
<a href="#" onclick="openwin()">打开一个窗口</a>
<input type="button" onclick="openwin()" value="打开窗口">
</body>
</html>
看看OpenWindow.document.write()里面的代码不就是标准的HTML吗？只要按照格式写更多的行即
可。千万注意多一个标签或少一个标签就会出现错误。记得用OpenWindow.document.close()结束
啊。
【9、终极应用--弹出的窗口之Cookie控制】
回想一下，上面的弹出窗口虽然酷，但是有一点小毛病(沉浸在喜悦之中，一定没有发现吧？)比
如你将上面的脚本放在一个需要频繁经过的页面里(例如首页)，那么每次刷新这个页面，窗口都
会弹出一次，是不是非常烦人？:-(
有解决的办法吗？当然有！我们使用cookie来控制一下就可以了。首先，将如下代码加入主页面
HTML的<HEAD>区：
<script>
function openwin(){
window.open("page.html","","width=200,height=200")
}
function get_cookie(Name) {
var search = Name + "="
var returnvalue = "";
if (documents.cookie.length > 0) {
offset = documents.cookie.indexOf(search)
if (offset != -1) {
offset += search.length
end = documents.cookie.indexOf(";", offset);
if (end == -1)
end = documents.cookie.length;
returnvalue=unescape(documents.cookie.substring(offset, end))
}
}
return returnvalue;
}
function loadpopup(){
if (get_cookie('popped')==''){
openwin()
documents.cookie="popped=yes"
}
}
</script>
然后，用<body onload="loadpopup()">（注意不是openwin而是loadpop啊！）替换主页面中
原有的<BODY>这一句即可。你可以试着刷新一下这个页面或重新进入该页面，窗口再也不会弹出
了。真正的Pop-Only-Once！ 希望我的答案对你有所帮助
绛旓細鎵撳紑娴忚鍣ㄥ悗锛屾偍鍙互閫氳繃涓ょ涓昏鏂瑰紡鎵撳紑index.html鏂囦欢锛1. 鎷栨嫿鏂瑰紡锛氭偍鍙互鐩存帴灏唅ndex.html鏂囦欢浠庢枃浠剁鐞嗗櫒涓嫋鎷藉埌鎵撳紑鐨勬祻瑙堝櫒绐楀彛涓銆傝繖灏嗗湪娴忚鍣ㄤ腑鍔犺浇骞舵樉绀鸿鏂囦欢鐨勫唴瀹广2. 閫氳繃鏂囦欢鑿滃崟锛氬ぇ澶氭暟娴忚鍣ㄩ兘鍏佽鎮ㄩ氳繃鏂囦欢鑿滃崟鎵撳紑鏈湴鏂囦欢銆傚湪娴忚鍣ㄤ腑锛屾偍鍙互鎵惧埌“鏂囦欢”鎴&ldq...
绛旓細瑕佹墦寮index.html缃戦〉锛屽彲浠ラ氳繃浠ヤ笅鍑犵鏂瑰紡锛1. 浣跨敤娴忚鍣ㄧ洿鎺ユ墦寮锛氭壘鍒癷ndex.html鏂囦欢鎵鍦ㄤ綅缃紝鐒跺悗灏嗗叾鎷栨嫿鍒版祻瑙堝櫒绐楀彛鍐呮垨鑰呭鍒舵枃浠惰矾寰勫悗鍦ㄦ祻瑙堝櫒鍦板潃鏍忕矘璐村苟鍥炶溅銆2. 閫氳繃鐐瑰嚮閾炬帴锛氬鏋滄湁浜哄垎浜簡涓涓寘鍚玦ndex.html鏂囦欢鐨勭綉鍧閾炬帴锛屽彲浠ョ洿鎺ョ偣鍑婚摼鎺ュ湪娴忚鍣ㄤ腑鎵撳紑銆3. 閫氳繃鏈湴鏈嶅姟鍣ㄨ繍琛...
绛旓細1銆侀鍏堬紝鎵撳紑html缂栬緫鍣紝鏂板缓html鏂囦欢锛屼緥濡傦細index.html銆2銆佸湪index.html涓殑body>鏍囩涓紝杈撳叆html浠ｇ爜锛歛href="test.txt">鐐瑰嚮鎵撳紑鏈湴鏂囦欢/a>銆3銆佹祻瑙堝櫒杩愯index.html椤甸潰锛岀偣鍑昏秴閾炬帴銆4銆佹鏃舵垚鍔熸墦寮浜嗘湰鍦扮殑鈥渢est.txt鈥濇枃浠躲俬tml5鍦ㄧ數鑴戜笂鎬庝箞杩愯锛熺數鑴戝彲浠ヤ笉涓婄綉鏉ヨ繍琛宧tml,鍏跺叿浣...
绛旓細鐐硅彍鍗曟爮->宸ュ叿->internet閫夐」(鎴栭夐」)->甯歌鍦ㄨ繖閲岃缃富椤靛氨鍙互閫夋嫨鑷繁瑕佽烦杞殑椤甸潰銆備唬鐮佸涓嬶細<!DOCTYPEhtmlPUBLIC"-//W3C//DTDXHTML1.0Transitional//EN"" http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <htmlxmlns=" http://www.w3.org/1999/xhtml"> <head> <metahtt...
绛旓細</html> 杩欓噷瀹氫箟浜嗕竴涓嚱鏁皁penwin(),鍑芥暟鍐呭灏辨槸鎵撳紑涓涓獥鍙ｃ傚湪璋冪敤瀹冧箣鍓嶆病鏈変换浣曠敤閫斻鎬庝箞璋冪敤鍛紵鏂规硶涓锛<body onload="openwin()"> 娴忚鍣ㄨ椤甸潰鏃跺脊鍑虹獥鍙ｏ紱鏂规硶浜岋細<body onunload="openwin()"> 娴忚鍣ㄧ寮椤甸潰鏃跺脊鍑虹獥鍙ｏ紱鏂规硶涓夛細鐢ㄤ竴涓繛鎺ヨ皟鐢細<a href="#" onclick="open...
绛旓細杈撳叆瀹屾暣鐨刄RL璺緞銆傜綉绔欒缃簡index.html涓轰富椤碉紝閭ｄ箞鎵撳紑缃戠珯鍩熷悕鎴栬呮槸鐩綍锛屽氨绛変簬鏄墦寮浜唅ndex.html鏂囦欢锛屾病鏈夎缃叾浠栭〉闈负涓婚〉锛岄偅涔堝湪鎵撳紑鐨勬椂鍊欏氨闇瑕佸姞涓奿ndex.html杩欎釜椤甸潰鍦板潃锛屽氨绛変簬瑕佽緭鍏ュ畬鏁寸殑URL璺緞鎵嶈兘鎵撳紑銆
绛旓細1銆佺涓姝ワ紝鍙抽敭鍗曞嚮璁＄畻鏈烘闈笂鐨勭┖鐧藉尯鍩熶互鍒涘缓涓涓柊鐨勨滄枃鏈枃妗ｂ濓紝濡備笅鍥炬墍绀猴紝鐒跺悗杩涘叆涓嬩竴姝ャ2銆佸叾娆★紝瀹屾垚涓婅堪姝ラ鍚庯紝杈撳叆瑕佸湪鏂板垱寤虹殑鏂囨湰鏂囨。涓樉绀虹殑鍐呭锛屽涓嬪浘鎵绀猴紝鐒跺悗杩涘叆涓嬩竴姝ャ3銆佹帴鐫锛屽畬鎴愪笂杩版楠ゅ悗锛岃繑鍥炴闈紝灏嗘枃鏈枃妗ｇ殑鍚嶇О鍜屽悗缂鏇存敼涓衡 index.html鈥濓紝濡備笅鍥...
绛旓細姝ラ涓:</ 鏂板缓涓涓┖鐧芥枃妗ｏ紝鍑嗗濂藉睍绀轰綘鐨勭綉椤靛唴瀹广傛帴鐫锛鎵撳紑杩欎釜鏂版枃妗ｏ紝灏嗕綘鎯宠鍦ㄧ綉椤典笂鏄剧ず鐨勬枃瀛椼佸浘鐗囨垨鍏朵粬鍏冪礌杈撳叆杩涘幓銆傝寰椾繚鎸佹牸寮忔竻鏅帮紝鏂逛究娴忚鍣ㄨВ鏋愩傛楠や簩:</ 瀹屾垚鍐呭缂栬緫鍚庯紝鍥炲埌妗岄潰锛屾壘鍒拌繖涓枃鏈枃妗ｏ紝鍙屽嚮榧犳爣鍙抽敭锛岄夋嫨"閲嶅懡鍚"銆傚湪寮瑰嚭鐨勫璇濇涓紝灏嗘枃妗ｅ悕绉版敼涓"index....
绛旓細1. 鎵撳紑缃戠珯 鍦ㄦ祻瑙堝櫒涓緭鍏ョ綉绔欏湴鍧锛屾瘮濡倃ww.example.com锛屼互杩涘叆璇ョ綉绔欑殑棣栭〉銆傞氬父鎯呭喌涓嬶紝棣栭〉鐨勬枃浠跺悕涓index.html鎴杋ndex.php銆傚鏋滆杩涘叆绗簩涓〉闈紝闇瑕佽緭鍏ュ畠鐨勫湴鍧锛屾瘮濡倃ww.example.com/index2.html鎴杦ww.example.com/index2.php銆2. 瀵艰埅鍒扮浜屼釜椤甸潰 鏈変簺缃戠珯鍙兘浼氬湪棣栭〉娣诲姞瀵艰埅閾炬帴...
绛旓細index.html鐨鐩磋瘧鎰忔濇槸瀵艰埅椤甸潰锛屼絾鏄牴鎹浉鍏充簰鑱旂綉鍗忚锛岃繖涓猧ndex.html鏄湇鍔″櫒锛屾祻瑙堝櫒榛樿鐨勭綉绔欓椤点傝秴鏂囨湰鏂囦欢锛圚ypertext锛夊氨鏄寚鍏锋湁瓒呴摼鎺ュ姛鑳界殑鏂囦欢锛屽畠鍙互灏嗘枃浠朵腑宸茬粡瀹氫箟濂界殑鍏抽敭瀛楋紙Keyword锛夛紝缁忚繃榧犳爣鐨勭偣鍙栵紙Click锛夛紝渚垮彲浠ュ緱鍒拌鍏抽敭瀛楃殑鐩稿叧瑙ｉ噴锛岃繖绉嶆柟娉曚娇鐢ㄦ埛浣跨敤璧锋潵鏇存劅鑸掗傘
