js和jq跳转到另一个页面或者在另一个窗口打开页面

$("#pic").click(function(){
    location.href=‘newpage.html‘;
});

上面的相当于<a href="newpage.html" target="_self"><img src="img.jpg" /></a>

$("#pic").click(function(){
    window.open(‘newpage.html‘);
});

相当于<a href="newpage.html" target="_blank"><img src="img.jpg" /></a>

我们可以利用http的重定向来跳转

window.location.replace("http//www.jb51.net");

使用href来跳转

window.location.href = "http//www.jb51.net";

使用jQuery的属性替换方法

$(location).attr(‘href‘, ‘http://www.jb51.net‘);
$(window).attr(‘location‘,‘http://www.jb51.net‘);
$(location).prop(‘href‘, ‘http//www.jb51.net‘)

使用jQuery的属性替换方法结束

原文地址:https://www.cnblogs.com/zmdComeOn/p/12184610.html

时间: 2024-10-08 20:42:45

js和jq跳转到另一个页面或者在另一个窗口打开页面的相关文章

【JS学习】慕课网2-7 练习题:制作新按钮,“新窗口打开网站” ,点击打开新窗口。

要求: 1.新窗口打开时弹出确认框,是否打开 提示: 使用 if 判断确认框是否点击了确定,如点击弹出输入对话框,否则没有任何操作. 2.通过输入对话框,确定打开的网址,默认为 http://www.imooc.com/ 3.打开的窗口要求,宽400像素,高500像素,无菜单栏.无工具栏. 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title> new document </title> 5 <meta

HTML,CSS,JS,JQ

CSS: <style> <!--属性选择器--> .container input[type="text"][name="txt"]{ border: 3px solid red; } <!--关联选择器--> .c1 #l1 a .cc1{} 空格:表示在某个标签的下一级,或者下下一级...去找某个或者某批标签</style><div class="container"> <i

前端双引号单引号,正则反向引用,js比较jq

1.js,jq,css,html属性必须双,如果同时出现需要嵌套使用,属性的规范是双但是也可以用单测试有效 单引号现象举例:jq中获取元素标签是单引号:$('input').click:弹出也是单引号: alert('aaaa'):jq根据id获取元素和设置css都一般用单引号:$('#box').css('color', 'red'); 上述两种情况全部换成双引号也是行的!2.分号的用法: {}作为函数体一般是不需要分号结束的,()一般需要分号结束,除非作为一个函数的参数就不需要分号:3.js

JS和JQ的event对象对比和应用

摘要 js和jq的event对象大同小异,本文简单对比下它们的'click'事件下的不同和应用 js jquery jq event 代码测试: ? 1 2 3 4 5 6 7 <div id= "test" ><p>test text<p></div> <script src= "vendor/jquery-2.1.1.js" ></script> <script> test.ad

js在一定时间内跳转页面及各种页面刷新

1.js 代码: <SCRIPT LANGUAGE="JavaScript"> var time = 5; //时间,秒 var timelong = 0; function diplaytime(){ //时间递减 document.all.his.innerHTML = time -timelong ; timelong ++; } function redirect(){ //跳转页 //history.back(); window.location.href=&qu

js input分页跳转

当页数比较多的时候我们需要加一个input框来跳转到某一分页中,比如这个框 id="tiaozhuan",接下来我们用JS实现跳转 //分页跳转 $("#tiaozhuan").bind("blur",function(){ var p = $(this).val(); var href = location.href; if(/p=\d+/.test(href)){ href = href.replace(/p=\d+/,"p=&qu

React-Router JS&#25511;&#21046;&#36335;&#30001;&#36339;&#36716;

React-Router JS控制路由跳转 时间: 2016-04-12 15:01:20 作者: zhongxia React-Router 控制路由跳转的方式,目前知道的有两种[Link 链接, 和 JS控制跳转 ] ,但是最常用的就是 用 Link(类似 a 标签),来进行跳转 JS实现方式 由于有时候需要 点击某个标签,或者某一个按钮,来动态的实现页面跳转的地址,这个就需要使用到 JS 来实现 实现的代码很简单 this.props.history.pushState(null, url

JS与JQ倒计时的写法

页面需要制作一个倒计时的功能:然后度娘了一遍,找到两种写法,原生JS与JQ 的,经过测试原生JS在IE可能会有不刷新的现象所以结合了一个大神的JQ写法修改好了一个. 原生JS写法: HTML: <div class="time"> <span id="t_d"></span> <span id="t_h"></span> <span id="t_m">&l

【整理】原生js和jQ获取窗口宽高及滚动条的方法和函数

原生js和jQ获取窗口宽高及滚动条的方法和函数 一.原生js获取 1.实际宽高(不包括工具栏,滚动条的视口高度,ie6.7.8不支持) window.innerHeight window.innerWidth 2.显示屏宽高 screen.height screen.width 3..显示屏宽高(除windows任务栏之外的高度)屏幕可用工作区 screen.avaiHeight screen.availWidth 4.网页可见区域宽高 document.body.clientWidth doc