`
橄榄绿
  • 浏览: 277228 次
  • 性别: Icon_minigender_1
  • 来自: 北京
社区版块
存档分类
最新评论

JS跳转页面参考代码大全

阅读更多
JS跳转页面参考代码
第一种:    
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第二种:    
<script language="javascript">
alert("返回");
window.history.back(-1);   
</script>
第三种:   
<script language="javascript">
window.navigate("top.jsp");  
</script>
第四种:   
<script language="JavaScript">          
self.location=’top.htm’;   
</script>
第五种:   
<script language="javascript">          
alert("非法访问!");          
top.location=’xx.jsp’;   
</script>

=====javascript中弹出选择框跳转到其他页面=====
<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>


=====javascript中弹出提示框跳转到其他页面=====
<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="logout.asp?act=logout"
}
-->
</script>

=================================
按钮式:
<INPUT name="pclog" type="button" value="GO" onClick="location.href='http://www.51wisdom.com.cn/'">

  链接式:

  <a href="javascript:history.go(-1)">返回上一步</a>

  <a href="<%=Request.ServerVariables("HTTP_REFERER")%>">返回上一步</a>

  直接跳转式:

  <script>window.location.href='http://www.51wisdom.com.cn/';</script>

  开新窗口:

  <a href="javascript:" onClick="window.open(http://www.51wisdom.com.cn/','','height=500,width=611,scrollbars=yes,status=yes')">杭州威士顿网络科技有限公司 </a>

js跳转到页面
自己的:

function toUrl(ul){
if("" == ul || null==ul){
         alert("感谢关注");
      }else{
                  
                  window.open(ul);//这是跳出新的窗口

                 // window.location.href=ul;//这是直接在当前页跳转


       }
               return;
}   
其他的网上的:(有重复)


1.在原来的窗体中直接跳转用
window.location.href="你所要跳转的页面";
2、在新窗体中打开页面用:
window.open('你所要跳转的页面');

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


3、一些用法
按钮式:
<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('连接地址','','height=500,width=611,scrollbars=yes,status =yes')">123</a>


<SCRIPT>
<!--
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>

  脚本运行后,page.html将在新窗体newwindow中打开,宽为100,高为400,距屏顶0象素,屏左0象素,无工

具条,无菜单条,无滚动条,不可调整大小,无地址栏,无状态栏。请对照。
  上例中涉及的为常用的几个参数,除此以外还有很多其他参数,请见四。

四、各项参数
  其中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 | 窗口被激活后是否浮在其它窗口之上

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

【1、最基本的弹出窗口代码】
  其实代码非常简单:




<SCRIPT LANGUAGE="javascript">
<!--
window.open ('page.html')
-->
</SCRIPT>
  因为着是一段javascripts代码,所以它们应该放在<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 窗口距离屏幕左侧的象素值;

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控制】
  回想一下,上面的弹出窗口虽然酷,但是有一点小毛病(沉浸在喜悦之中,一定没有发现吧?)比如你将上面的脚本放在一个需要频繁经过的页面里(例如首页),那么每次刷新这个页面,窗口都会弹出一次,是不是非常烦人?:-(有解决的办法吗?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!

--------------------------------------------------

第一种:
     <script language="javascript" type="text/javascript">
           window.location.href="login.jsp?backurl="+window.location.href;
     </script>

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

第三种:
   <script language="javascript">
window.navigate("top.jsp");
   </script>

第四种:
   <script language="JavaScript">
           self.location='top.htm';
   </script>

第五种:
   <script language="javascript">
           alert("非法访问!");
           top.location='xx.jsp';
   </script>

-----------------------------------------------------------

第一种:    
<script language="javascript" type="text/javascript">
window.location.href="login.jsp?backurl="+window.location.href;
</script>
第二种:    
<script language="javascript">
alert("返回");
window.history.back(-1);   
</script>
第三种:   
<script language="javascript">
window.navigate("top.jsp");  
</script>
第四种:   
<script language="JavaScript">          
self.location=’top.htm’;   
</script>
第五种:   
<script language="javascript">          
alert("非法访问!");          
top.location=’xx.jsp’;   
</script>

=====javascript中弹出选择框跳转到其他页面=====
<script language="javascript">
<!--
function logout()...{
if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消"))...{
window.location.href="logout.asp?act=logout"
}
}
-->
</script>


=====javascript中弹出提示框跳转到其他页面=====
<script language="javascript">
<!--
function logout()...{
alert("你确定要注销身份吗?");
window.location.href="logout.asp?act=logout"
}
-->
</script>

分享到:
评论

相关推荐

    js跳转页面方法,JS跳转页面参考代码

    JS 跳转页面参考代码 1. 弹出选择框跳转到其他页面 ```javascript &lt;script language="javascript"&gt; function logout(){ if (confirm("你确定要注销身份吗?是-选择确定,否-选择取消")){ window.location.href=...

    js判断登录与否并确定跳转页面的方法

    本文实例讲述了js判断登录与否并确定跳转页面的方法。分享给大家供大家参考。具体如下: 使用session存储,确定用户是否登录,从而确定页面跳转至哪个页面。 判断本地有无customerID: function jumpTo(p, url) { ...

    根据域名跳转代码

    - **使用JavaScript**:通过在网页中添加一段JavaScript代码来实现跳转。 - **配置服务器规则**:大多数现代Web服务器都支持通过配置文件(如Apache的`.htaccess`文件)来实现重定向。 - **使用DNS CNAME记录**:...

    若依 修改默认跳转页面 demo

    描述中提到的参考文章 "https://blog.csdn.net/qq_17616169/article/details/121292578" 是一篇关于如何在若依系统中更改默认跳转页面的教程。这个过程通常涉及到对若依项目的源码进行一定的修改,以实现个性化定制...

    js监听鼠标点击和键盘点击事件并自动跳转页面

    总结来说,通过本文,我们可以学习到如何在JavaScript中设置事件监听器,如何处理鼠标的点击事件和键盘的按键事件,以及如何利用这些事件实现页面跳转。此外,我们还了解到了一个实用的在线资源,可以用来查询和学习...

    JS 跳转页面延迟方法 .txt

    ### JS跳转页面延迟方法解析 #### 一、概述 在Web开发中,有时我们需要实现页面的延迟跳转,例如用户执行某个操作后,希望在一段时间后自动跳转到另一个页面,这种需求可以通过JavaScript(简称JS)来实现。本文将...

    Ionic创建页面以及页面之间跳转、页面添加返回按钮、新增底部页面示例代码.zip

    5. **示例代码**:压缩包中的文件应包含实际的页面结构、路由配置、以及如何在页面间跳转和添加返回按钮的具体代码。这些示例代码可以作为学习和参考,帮助你理解并实践上述概念。 总的来说,Ionic提供了一套完整的...

    30秒才能点击跳转页面代码.zip

    通过解压"30秒才能点击跳转页面代码.zip",你可以看到实际的HTML、CSS和JavaScript代码是如何结合在一起的。这有助于学习者理解这些技术的实战应用,也可以作为开发延迟跳转功能的参考模板。在实际项目中,这样的...

    javascript经典代码大全.pdf

    这些JavaScript代码示例展示了JavaScript在网页交互和安全控制方面的应用,对于准备参加考试或学习JavaScript的人来说是非常有价值的参考资料。在实际开发中,应根据具体需求和浏览器兼容性考虑是否使用这些技术。

    JS常用代码大全.pdf

    "JS常用代码大全.pdf" 汇集了JavaScript中的常见函数及对象的实例代码,旨在帮助不同水平的学习者理解和掌握JavaScript的核心概念。 1. **基础语法** JavaScript的基础语法包括变量声明(`var`, `let`, `const`)...

    404错误页面-可自动跳转

    "使用说明.txt"可能是文档,提供了如何安装和配置404错误页面模板的步骤,包括如何将模板代码整合到网站代码中,以及如何设置自动跳转的参数。遵循这些说明,即使对HTML和服务器配置不熟悉的用户也能顺利完成设置。 ...

    新浪 IP 库限制指定地区跳转和不跳转代码

    首先,理解“新浪 IP 库限制指定地区跳转和不跳转代码”意味着你需要一段 JavaScript 代码,这段代码能够检测访问者的 IP 地址,并根据 IP 地址判断其所在地区。如果访问者位于指定的限制区域内,代码会执行跳转操作...

    两套预加载表针跳转页面代码

    1. **HTML跳转页面代码**:这是实现页面跳转的基本元素,HTML的`&lt;a&gt;`标签或者JavaScript的`window.location.href`都可以实现页面跳转。`&lt;a&gt;`标签用于静态的链接,而JavaScript则允许动态的、条件性的跳转。 2. **...

    在Js页面通过POST传递参数跳转到新页面详解

    本文还介绍了一个名为`jquery.redirect.js`的JavaScript库,这个库提供了额外的`$.redirect`方法,用于处理复杂的页面跳转情况。在实际应用中,开发者可以根据具体需求选择是否引入此库来帮助管理页面跳转。 总结来...

    jquery浮动层,跳转到页面指定链接

    标题中的“jquery浮动层,跳转到页面指定链接”指的是使用jQuery库来创建一个浮动的层(通常称为弹出窗口或对话框),该层能够帮助用户实现页面内部或外部的链接跳转。jQuery是一个强大的JavaScript库,它简化了HTML...

    好看的安全跳转单页html源码.zip

    3. **JavaScript跳转**:为了实现动态跳转,源码可能包含JavaScript代码。JavaScript可以在页面加载后执行,根据特定条件(如用户操作或时间延迟)改变浏览器的URL,从而实现安全的跳转。 4. **HTTP头信息**:虽然...

    javascript代码大全

    "javascript代码大全"这个资源集合了大量常用的JavaScript代码片段,方便开发者直接引用和学习。 在JavaScript编程中,以下几个关键知识点是必不可少的: 1. **变量与数据类型**:JavaScript是弱类型语言,支持var...

    超级实用的js代码大全

    这份"超级实用的js代码大全"很可能包含了上述部分或全部知识点的具体实例和解决方案,对于开发者来说是一份非常有价值的参考资料。通过深入学习和实践,开发者不仅可以提升JavaScript技能,还能更好地理解和解决实际...

    Vue 页面跳转不用router-link的实现代码

    本文主要介绍了 Vue 页面跳转不用 router-link 的实现代码,文中给大家介绍了 Vue router-link 跳转传值示例,需要的朋友可以参考下。 首先, Vue router-link 是 Vue.js 官方提供的客户端路由器,它可以实现页面...

    jQuery网页带跳转分页样式代码.zip

    而"jQuery网页带跳转分页样式代码"可能是包含JavaScript和CSS代码的文件,可能包括一个或多个.js和.css文件,分别负责逻辑处理和样式定义。 在实际应用中,开发者需要将这些代码片段嵌入到HTML页面中,确保引入了...

Global site tag (gtag.js) - Google Analytics