网站主页是如何实现点击后弹出另外一个页面？
\u7f51\u9875\u9875\u9762\u6b63\u5e38\u70b9\u51fb\u5374\u6709\u65f6\u4f1a\u5f39\u51fa\u5783\u573e\u9875\u9762\u662f\u4ec0\u4e48\u539f\u56e0\uff1f\u90a3\u662f\u5e7f\u544a\uff0c\u600e\u4e48\u8bf4\uff0c\u6211\u7ecf\u5e38\u9047\u89c1\u8fd9\u6837\u7684\u60c5\u51b5\uff0c\u4e0b\u8f7d\u5c0f\u8bf4\u554a\uff0c\u5c31\u4f1a\u51fa\u73b0\uff0c\u70b9\u51fb\u4e00\u4e0b\u5c31\u8fdb\u5165\u5e7f\u544a\u754c\u9762\u4e86\uff0c\u5173\u95ed\u5728\u70b9\u51fb\u5c31\u597d\u4e86\uff0c\u4e0d\u8fc7\u6709\u7684\u8981\u70b9\u51fb\u5f88\u591a\u4e0b\u624d\u884c\u3002\u8fd9\u662f\u6b63\u5e38\u73b0\u8c61\uff0c\u697c\u4e3b\u4e0d\u8981\u62c5\u5fc3\uff0c\u90a3\u662f\u7f51\u7ad9\u6253\u5e7f\u544a\u7684\u4e00\u79cd\u7b56\u7565\u3002\u6b22\u8fce\u7ee7\u7eed\u8ffd\u95ee\uff0c\u697c\u4e3b\u89c9\u5f97\u8fd8\u884c\u5c31\u91c7\u7eb3\u5427\uff0c\u8c22\u8c22\u4e86\u3002O(\u2229_\u2229)O\u54c8\u54c8~
function black(){
window.open ("\u8fd9\u91cc\u5199\u4f60\u7684\u65b0\u9875\u9762", "newwindow", "height=100, width=400, toolbar=no, menubar=no, scrollbars=no, resizable=no, location=no, status=no")
}
以下代码集合常用的弹出窗口用法。
1、最基本的弹出窗口代码
<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html')
-->
</SCRIPT>
代码放在<SCRIPT LANGUAGE="javascript">标签和</script>之间。
<!-- 和 -->是对一些版本低的浏览器起作用。
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="打开窗口">
_blank 弹出新页面
_self 在原窗口打开
使用JavaScript也可以完成这个功能
window.open();
绛旓細銆傛垨鑰呬綘鍙互鎵撳紑娉ㄥ唽琛紝鎵惧埌浠ヤ笅閿硷細HKEY_LOCAL_MACHINE\SOFTWARE\Microsoft\Internet Explorer\Main 鍙屽嚮鍙充晶鐨剆tart page锛屽湪鏁板兼暟鎹笅杈撳叆涓婚〉閾炬帴锛鐐瑰嚮纭畾銆傛垨鑰呮墦寮360瀹夊叏鍗＋---瀹夊叏闃叉姢涓績---娴忚鍣ㄩ槻鎶---鏌ョ湅鐘舵 涓婄綉棣栭〉璁剧疆锛屽湪閲岃竟璁剧疆涓婚〉鍚閿佸畾灏卞彲浠ヤ簡 ...
绛旓細杩欎釜闂寰堢畝鍗曪紝鍛婅瘔浣犱竴涓緢瀹炵敤鏂规硶锛屽湪D鐩"鏂板缓鏂囦欢澶"鈥斺旈噸鍛藉悕鈥淚nternet Explorer.{871C5380-42A0-1069-A2EA-08002B30309D}鈥濃斺旂劧鍚庡皢杩欎釜鏂囦欢澶规嫋鍒版闈笂鈥斺鍑虹幇IE鍥炬爣鈥斺斿彸鍑诲睘鎬р斺旇缃涓婚〉锛屼繚璇佸彲浠ョ敤锛屼笉浼氳绡℃敼浜嗭紒
绛旓細鎴戜笉寮缃戦〉鐨勬椂鍊欏氨娌′簨,涔熶笉鏄瘡鎵撳紑涓涓綉椤靛氨鏈夊彟涓涓寮瑰嚭,姣忔鏄彧寮瑰嚭涓涓,涓嶇煡閬撴槸涓簡浠涔堟瘨浜,濂界儲銆傛垜鐢ㄥ崱宸存柉鍩烘潃涔熸病寮勫ソ,鐪嬭繃浠ュ墠鐭ラ亾涓婃湁浜烘彁杩囩被浼肩殑闂,浣嗘槸鍜... 鎴戜笉寮缃戦〉鐨勬椂鍊欏氨娌′簨,涔熶笉鏄瘡鎵撳紑涓涓綉椤靛氨鏈夊彟涓涓脊鍑,姣忔鏄彧寮瑰嚭涓涓,涓嶇煡閬撴槸涓簡浠涔堟瘨浜,濂界儲銆傛垜鐢ㄥ崱...
绛旓細瑕佷慨澶岻E璧峰涓婚〉鏂规硶寰堢畝鍗曪紝鍦↖E鈥滃伐鍏封濊彍鍗曚腑鍗曞嚮鈥淚nternet閫夐」鈥(浠E5涓轰緥锛屼笅鍚)锛岄夋嫨鈥滃父瑙勨濋夐」鍗★紝鍦ㄢ滀富椤碘濇枃鏈涓緭鍏ヨ捣濮嬮〉鐨缃戝潃鍗冲彲銆傚鏋滆繘琛屼笂杩拌缃悗涓嶈捣浣滅敤锛岄偅鑲畾鏄湪Windows鐨勨滃惎鍔ㄢ濈粍涓姞杞戒簡鎭舵剰绋嬪簭锛屼娇姣忔鍚姩鐢佃剳鏃惰嚜鍔ㄨ繍琛岀▼搴忔潵瀵笽E杩涜闈炴硶璁剧疆銆傚彲閫氳繃娉ㄥ唽琛ㄧ紪杈...
绛旓細4.鍦ㄥ璇濇鐨勨滃父瑙勨濋夐」涓紝杈撳叆鎮ㄨ鍦ㄨ嚜瀹氫箟涓缃殑涓婚〉銆5.鎼滅嫍娴忚鍣ㄨ缃负棣栭〉锛岄夋嫨鐐瑰嚮宸ュ叿銆6.鍦寮瑰嚭鐨勫璇濇涓紝鐐瑰嚮灏嗗綋鍓缃戦〉璁剧疆涓轰富椤点傚煙鍚鏄浣缁勬垚鐨勶紵鍩熷悕锛堣嫳璇細DomainName锛夛紝鍙堢О缃戝煙锛屾槸鐢变竴涓茬敤鐐瑰垎闅旂殑鍚嶅瓧缁勬垚鐨処nternet涓婃煇涓鍙拌绠楁満鎴栬绠楁満缁勭殑鍚嶇О锛岀敤浜庡湪鏁版嵁浼犺緭鏃跺...
绛旓細娉曚竴:淇敼IE宸ュ叿鏍 鍦ㄦ甯告儏鍐典笅锛孖E棣栭〉鐨勪慨鏀瑰彲浠ラ氳繃IE宸ュ叿鏍忛噷鐨勨滃伐鍏封濓紞鈥淚nternet閫夐」鈥濓紞鈥滃父瑙勨濓紞鈥涓婚〉鈥濆姛鑳芥ā鍧楁潵瀹炵幇銆 鍦寮瑰嚭鐨勭獥鍙ｉ噷锛岀敤鎴峰彧瑕佸湪鈥滃彲鏇存敼涓婚〉鈥濈殑鍦板潃鏍忎腑杈撳叆鑷繁缁忓父浣跨敤鐨缃戝潃鐒跺悗鍐嶇偣鍑讳笅闈㈢殑鈥滀娇鐢ㄥ綋鍓嶉〉鈥濇寜閽氨鍙互灏嗗叾璁句负鑷繁鐨処E棣栭〉浜嗭紱濡傛灉鏄偣鍑浜嗏滀娇鐢...
绛旓細涓銆佷慨鏀笽E宸ュ叿鏍 鍦ㄤ竴鑸儏鍐典笅锛孖E棣栭〉鐨勪慨鏀瑰彲浠ラ氳繃IE宸ュ叿鏍忛噷鐨勫伐鍏-Internet閫夐」-甯歌-涓婚〉鍔熻兘妯″潡鏉瀹炵幇銆傚湪寮瑰嚭鐨勭獥鍙ｉ噷锛岀敤鎴峰彧瑕佸湪鍙洿鏀逛富椤电殑鍦板潃鏍忎腑杈撳叆鑷繁缁忓父浣跨敤鐨缃戝潃鐒跺悗鍐嶇偣鍑讳笅闈㈢殑浣跨敤褰撳墠椤垫寜閽氨鍙互灏嗗叾璁句负鑷繁鐨処E棣栭〉浜;濡傛灉鏄偣鍑浜嗕娇鐢ㄩ粯璁ら〉鍒欎竴鑸細浣縄E棣栭〉璋冩暣涓哄井杞腑鍥...
绛旓細閫氳繃閫夋嫨鈥滃紑濮/璁剧疆/鎺у埗闈㈡澘/绯荤粺/璁惧绠＄悊鍣ㄢ,鍦ㄥ垪琛ㄦ涓壘鍒扮綉鍗″悗鍗曞嚮鈥滃睘鎬р濇寜閽,鍦鍑虹幇鐨勫璇濇涓湅缃戝崱涓庣郴缁熶腑鐨勫叾瀹冭澶囨湁鍚﹀彂鐢熷啿绐,濡傛湁鍐茬獊鍒欏湪鈥滅綉涓婇偦灞呪濅腑鐪嬩笉鍒颁换浣曡绠楁満鐨勫悕绉般 6銆両E榛樿棣栭〉琚慨鏀圭殑鏁呴殰鎺掗櫎銆 IE娴忚鍣ㄤ笂鏂圭殑鏍囬鏍忚鏀规垚鈥滄杩庤闂︹缃戠珯鈥濈殑鏍峰紡,杩欐槸鏈甯歌鐨...
绛旓細鎶婃闈㈢殑IE鍒犱簡锛岃嚜宸卞缓涓嚜宸辩殑IE蹇嵎鏂瑰紡锛屼笉鐢ㄥ啀鎷呭績IE涓婚〉琚敼銆1銆 妗岄潰榧犳爣鍙抽敭--鏂板缓--蹇嵎鏂瑰紡--(杩欓噷杈撳叆涓涓缃戝潃)(姝ゅ鐨勭綉鍧鍙互浠绘剰鏇存敼)--涓嬩竴姝--Internet Explorer(杩欓噷鐨勫悕绉颁篃鍙互鑷敱鏇存敼)--瀹屾垚 2銆佸彸閿鐐瑰嚮鏂板缓鐨勫揩鎹锋柟寮忥紝灞炴--鏇存敼鍥炬爣--娴忚--锛堝厛鎷╀綘鐨処E瀹夎鐨勭洰褰曪級...
绛旓細4銆佹帴涓嬫潵榧犳爣宸﹂敭鍗曞嚮涓婃柟鐨勩愬伐鍏枫戦夐」锛鐐瑰嚮浠ュ悗浼鍑虹幇涓浜涢夐」锛屽氨鍍忎笅鍥捐繖鏍凤細5銆佹壘鍒般怚nternet銆戦夐」锛屽苟鐐瑰嚮 6銆佽繘鍏ラ〉闈互鍚庯紝鎵惧埌銆愪娇鐢ㄥ綋鍓嶉〉銆戠殑閫夐」锛屽苟鐢ㄩ紶鏍囩殑宸﹂敭鐐瑰嚮锛屽鍥炬墍绀猴細7銆佹帴涓嬫潵鐐瑰嚮锛岄〉闈笅鏂圭殑銆愮‘瀹氥戦夐」 8銆佹渶鍚庯紝鎮ㄥ啀鎵撳紑缃戦〉鐨勬椂鍊欏氨浼氱湅鍒癶ao123.com灏辫缃负涓婚〉浜...
