js頁面跳轉和js打開新窗口

時間 2021-08-15

標籤 javascript php html java express 數組瀏覽器安全 cookie 框架欄目 JavaScript 简体版

原文原文鏈接

js頁面跳轉和 js打開新窗口方法

Js返回上一頁：
1. Javascript 返回上一頁 history.go(-1), 返回兩個頁面: history.go(-2);javascript

2. history.back().php

3. window.history.forward()返回下一頁html

4. window.history.go(返回第幾頁,也可使用訪問過的URL)java

Js刷新頁面的方法：
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.hrefexpress

自動刷新頁面的方法:
1.頁面自動刷新：把以下代碼加入<head>區域中
<meta http-equiv="refresh" content="20">
其中20指每隔20秒刷新一次頁面.數組

2.頁面自動跳轉：把以下代碼加入<head>區域中
<meta http-equiv="refresh" content="20;url=http://www.???????.com">
其中20指隔20秒後跳轉到http://www.????????????????.com頁面瀏覽器

3.js頁面自動刷新
<script language="JavaScript">
function myrefresh()
{
window.location.reload();
}
setTimeout('myrefresh()',1000); //指定1秒刷新一次
</script>安全

ASP.NET如何輸出刷新父窗口腳本語句：
1. Response.write("<script>opener.location.reload();</script>");cookie

2. Response.write("<script>opener.window.location.href = opener.window.location.href;</script>");框架

3. Response.Write("<script language=javascript>opener.window.navigate(''本頁'');</script>")

Asp.Net跳出框架頁：

1. Response.Write("<script>window.par</script>")

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()"> 關閉時刷新

js引用js文件：
<script type=text/javascript>

</script>

2010-07-10 23:56:45| 分類：js實用腳本|字號訂閱

第一種：
<script language="javascript" type="text/javascript">
window.location.href="http://www.dollare.com.cn/login.php?backurl="+window.location.href;
</script>

第二種：
<script language="javascript">
alert("返回");
window.history.back(-1);
</script>

第三種：
<script language="javascript">
window.navigate("dollare.php");
</script>

第四種：
<script language="JavaScript">
self.location='dollare.htm';
</script>

第五種：
<script language="javascript">
alert("非法訪問！");
top.location='dollare.html;
</script>

1.在原來的窗體中直接跳轉用
window.location.href="你所要跳轉的頁面";
二、在新窗體中打開頁面用：
window.open('你所要跳轉的頁面');

window.history.back(-1);返回上一頁

三、一些用法
按鈕式：
<INPUT name="pclog" type="button" value="/GO" onClick="location.href='鏈接地址'">
連接式：<a href="javascript:history.go(-1)">返回上一頁</a>
<a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一頁</a>
直接跳轉式：
<script>window.location.href='鏈接地址';</script>
開新窗口：
<a href="/javascript:" onClick="window.open('http://www.dolalre.com.cn','','height=500,width=611,scrollbars=yes,status =yes')">123</a>

<SCRIPT>

</SCRIPT>

　　腳本運行後，page.html將在新窗體newwindow中打開，寬爲100，高爲400，距屏頂0象素，屏左0象素，無工

具條，無菜單條，無滾動條，不可調整大小，無地址欄，無狀態欄。請對照。
　　上例中涉及的爲經常使用的幾個參數，除此之外還有不少其餘參數，請見四。

4、各項參數
　　其中yes/no也可以使用1/0；pixel value爲具體的數值，單位象素。

參數 | 取值範圍 | 說明

alwaysLowered | yes/no | 指定窗口隱藏在全部窗口以後
alwaysRaised | yes/no | 指定窗口懸浮在全部窗口之上
depended | yes/no | 是否和父窗口同時關閉
directories | yes/no | Nav2和3的目錄欄是否可見
height | pixel value | 窗口高度
hotkeys | yes/no | 在沒菜單欄的窗口中設安全退出熱鍵
innerHeight | pixel value | 窗口中文檔的像素高度
innerWidth | pixel value | 窗口中文檔的像素寬度
location | yes/no | 位置欄是否可見
menubar | yes/no | 菜單欄是否可見
outerHeight | pixel value | 設定窗口(包括裝飾邊框)的像素高度
outerWidth | pixel value | 設定窗口(包括裝飾邊框)的像素寬度
resizable | yes/no | 窗口大小是否可調整
screenX | pixel value | 窗口距屏幕左邊界的像素長度
screenY | pixel value | 窗口距屏幕上邊界的像素長度
scrollbars | yes/no | 窗口是否可有滾動欄
titlebar | yes/no | 窗口題目欄是否可見
toolbar | yes/no | 窗口工具欄是否可見
Width | pixel value | 窗口的像素寬度
z-look | yes/no | 窗口被激活後是否浮在其它窗口之上

=====================================================

【一、最基本的彈出窗口代碼】
　　其實代碼很是簡單：

<SCRIPT LANGUAGE="javascript">

</SCRIPT>
　　由於着是一段javascripts代碼，因此它們應該放在<SCRIPT LANGUAGE="javascript">標籤和</script>之間

。是對一些版本低的瀏覽器起做用，在這些老瀏覽器中不會將標籤中的代碼做爲文本顯示出來。要養

成這個好習慣啊。
　　Window.open ('dollare.html') 用於控制彈出新的窗口page.html，若是page.html不與主窗口在同一路徑下，

前面應寫明路徑，絕對路徑(http://www.dollare.com.cn/dollare.html)和相對路徑(../)都可。用單引號和雙引號均可以，只是不要混用。
　　這一段代碼能夠加入HTML的任意位置，<head>和</head>之間能夠，<body>間</body>也能夠，越前越早執行

，尤爲是頁面代碼長，又想使頁面早點彈出就儘可能往前放。

【二、通過設置後的彈出窗口】

　　下面再說一說彈出窗口的設置。只要再往上面的代碼中加一點東西就能夠了。
　　咱們來定製這個彈出的窗口的外觀，尺寸大小，彈出的位置以適應該頁面的具體狀況。

<SCRIPT LANGUAGE="javascript">

</SCRIPT>
參數解釋：
<SCRIPT LANGUAGE="javascript"> js腳本開始；
window.open 彈出新窗口的命令；
'page.html' 彈出窗口的文件名；
'newwindow' 彈出窗口的名字（不是文件名），非必須，可用空'代替；
height=100 窗口高度；
width=400 窗口寬度；
top=0 窗口距離屏幕上方的象素值；
left=0 窗口距離屏幕左側的象素值；

width=250,toolbar=no,scrollbars="+scroll+",menubar=no");
//寫成一行
OpenWindow.document.write("<TITLE>dollare雄仔工做室</TITLE>")
OpenWindow.document.write("<BODY BGCOLOR=#ffffff>")
OpenWindow.document.write("<h1>Hello!</h1>")
OpenWindow.document.write("New window opened!<br> is Good")
OpenWindow.document.write("</BODY>")
OpenWindow.document.write("</HTML>")
OpenWindow.document.close()}
</SCRIPT>
</head>
<body>
<a href="#"
<input type="button" value="打開窗口">
</body>
</html>
　　看看 OpenWindow.document.write()裏面的代碼不就是標準的HTML嗎？只要按照格式寫更多的行便可。千萬注意多一個標籤或少一個標籤就會出現錯誤。記得用OpenWindow.document.close()結束啊。

【九、終極應用--彈出的窗口之Cookie控制】
　　回想一下，上面的彈出窗口雖然酷，可是有一點小毛病(沉浸在喜悅之中，必定沒有發現吧？)好比你將上面的腳本放在一個須要頻繁通過的頁面裏(例如首頁)，那麼每次刷新這個頁面，窗口都會彈出一次，是否是很是煩人？:-(有解決的辦法嗎？Yes! ;-) Follow me. 咱們使用cookie來控制一下就能夠了。首先，將以下代碼加入主頁面HTML的<HEAD>區：
<script>
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"
}
}
</script>
　　而後，用<body onload="loadpopup()">（注意不是openwin而是loadpop啊！）替換主頁面中原有的<BODY>這一句便可。你能夠試着刷新一下這個頁面或從新進入該頁面，窗口不再會彈出了。真正的Pop-Only-Once！

JS經常使用方法函數

document.write("");爲輸出語句
2.JS中的註釋爲//
3.傳統的HTML文檔順序是:document->html->(head,body)
4.一個瀏覽器窗口中的DOM順序是:window->(navigator,screen,history,location,document)
5.獲得表單中元素的名稱和值:document.getElementById("表單中元素的ID號").name(或value)
[ 6.一個小寫轉大寫的JS: document.getElementById("output").value = document.getElementById("input").value.toUpperCase();
7.JS中的值類型:String,Number,Boolean,Null,Object,Function
8.JS中的字符型轉換成數值型:parseInt(),parseFloat()
9.JS中的數字轉換成字符型:(""+變量)
10.JS中的取字符串長度是:(length)
11.JS中的字符與字符相鏈接使用+號.
12.JS中的比較操做符有:==等於,!=不等於,>,>=,<.<=
13.JS中聲明變量使用:var來進行聲明
14.JS中的判斷語句結構:if(condition){}else{}
15.JS中的循環結構:for([initial expression];[condition];[upadte expression]) {inside loop}
16.循環停止的命令是:break
17.JS中的函數定義:function functionName([parameter],...){statement[s]}
18.當文件中出現多個form表單時.能夠用document.forms[0],document.forms[1]來代替.
19.窗口:打開窗口window.open(), 關閉一個窗口:window.close(), 窗口自己:self
20.狀態欄的設置:window.status="字符";
21.彈出提示信息:window.alert("字符");
22.彈出確認框:window.confirm();
23.彈出輸入提示框:window.prompt();
24.指定當前顯示連接的位置:window.location.href="URL"
25.取出窗體中的全部表單的數量:document.forms.length
26.關閉文檔的輸出流:document.close();
27.字符串追加鏈接符:+=
28.建立一個文檔元素:document.createElement(),document.createTextNode()
29.獲得元素的方法:document.getElementById()
30.設置表單中全部文本型的成員的值爲空:
var form = window.document.forms[0]
for (var i = 0; i
49.引用一個文件式的JS:<script type="text/javascript" src="aaa.js"></script>
50.指定在不支持腳本的瀏覽器顯示的HTML:<noscript></noscript>
51.當超鏈和ONCLICK事件都有時,則老版本的瀏覽器轉向a.html,不然轉向b.html.例:<a href="a.html" onclick="location.href='b.html';return false">dfsadf</a>
52.JS的內建對象有:Array,Boolean,Date,Error,EvalError,Function,Math,Number,Object,RangeError,ReferenceError,RegExp,String,SyntaxError,TypeError,URIError
53.JS中的換行:\n
54.窗口全屏大小:<script>function fullScreen(){ this.moveTo(0,0);this.outerWidth=screen.availWidth;this.outerHeight=screen.availHeight;}window.maximize=fullScreen;</script>
55.JS中的all表明其下層的所有元素
56.JS中的焦點順序:document.getElementByid("表單元素").tabIndex = 1
57.innerHTML的值是表單元素的值:如<p id="para">"how are <em>you</em>"<p></p>,則innerHTML的值就是:how are <em>you</em>
58.innerTEXT的值和上面的同樣,只不過不會把<em>這種標記顯示出來.
59.contentEditable可設置元素是否可被修改,isContentEditable返回是否可修改的狀態.
60.isDisabled判斷是否爲禁止狀態.disabled設置禁止狀態
61.length取得長度,返回整型數值
62.addBehavior()是一種JS調用的外部函數文件其擴展名爲.htc
63.window.focus()使當前的窗口在全部窗口以前.
64.blur()指失去焦點.與FOCUS()相反.
65.select()指元素爲選中狀態.
66.防止用戶對文本框中輸入文本:onfocus="this.blur()"
67.取出該元素在頁面中出現的數量:document.all.tags("div(或其它HTML標記符)").length
68.JS中分爲兩種窗體輸出:模態和非模態.window.showModaldialog(),window.showModeless()
69.狀態欄文字的設置:window.status='文字',默認的狀態欄文字設置:window.defaultStatus = '文字.';
70.添加到收藏夾:external.AddFavorite("http://www.google.com","Google");
71.JS中遇到腳本錯誤時不作任何操做:window.onerror = doNothing; 指定錯誤句柄的語法爲:window.onerror = handleError;
72.JS中指定當前打開窗口的父窗口:window.opener,支持opener.opener...的多重繼續.
73.JS中的self指的是當前的窗口
74.JS中狀態欄顯示內容:window.status="內容"
75.JS中的top指的是框架集中最頂層的框架
76.JS中關閉當前的窗口:window.close();
77.JS中提出是否確認的框:if(confirm("Are you sure?")){alert("ok");}else{alert("Not Ok");}
78.JS中的窗口重定向:window.navigate("http://www.google.com");
79.JS中的打印:window.print()
80.JS中的提示輸入框:window.prompt("message","defaultReply");
81.JS中的窗口滾動條:window.scroll(x,y)
82.JS中的窗口滾動到位置:window.scrollby
83.JS中設置時間間隔:setInterval("expr",msecDelay)或setInterval(funcRef,msecDelay)或setTimeout
84.JS中的模態顯示在IE4+行,在NN中不行:showModalDialog("URL"[,arguments][,features]);
85.JS中的退出以前使用的句柄:function verifyClose(){event.returnValue="we really like you and hope you will stay longer.";}} window.onbeforeunload=verifyClose;
86.當窗體第一次調用時使用的文件句柄:
87.當窗體關閉時調用的文件句柄:onunload()
88.window.location的屬性: protocol(http:),hostname(www.example.com),port(80),host(www.example.com:80),pathname("/a/a.html"),hash("#giantGizmo",指跳轉到相應的錨記),href(所有的信息)
89.window.location.reload()刷新當前頁面.
89-1.parent.location.reload()刷新父親對象（用於框架）
89-2.opener.location.reload()刷新父窗口對象（用於單開窗口）
89-3.top.location.reload()刷新最頂端對象（用於多開窗口）
90.window.history.back()返回上一頁,window.history.forward()返回下一頁,window.history.go(返回第幾頁,也可使用訪問過的URL)
91.document.write()不換行的輸出,document.writeln()換行輸出
92.document.body.noWrap=true;防止連接文字折行.
93.變量名.charAt(第幾位),取該變量的第幾位的字符.
94."abc".charCodeAt(第幾個),返回第幾個字符的ASCii碼值.
95.字符串鏈接:string.concat(string2),或用+=進行鏈接
96.變量.indexOf("字符",起始位置),返回第一個出現的位置(從0開始計算)
97.string.lastIndexOf(searchString[,startIndex])最後一次出現的位置.
98.string.match(regExpression),判斷字符是否匹配.
99.string.replace(regExpression,replaceString)替換現有字符串.
100.string.split(分隔符)返回一個數組存儲值.
101.string.substr(start[,length])取從第幾位到指定長度的字符串.
102.string.toLowerCase()使字符串所有變爲小寫.
103.string.toUpperCase()使所有字符變爲大寫.
104.parseInt(string[,radix(表明進制)])強制轉換成整型.
105.parseFloat(string[,radix])強制轉換成浮點型.
106.isNaN(變量):測試是否爲數值型.
[/pre][pre]95.107.定義常量的關鍵字:const,定義變量的關鍵字:var</em>