a标签

作者: Rella7 | 来源:发表于2018-04-24 09:28 被阅读0次

JavaScript 如何跳转页面?

// 跳转
window.location.replace('https://www.awesomes.cn') // 不将被跳转页面加入浏览器记录
window.location.assign('https://www.awesomes.cn')
window.location.href = 'https://www.awesomes.cn'
window.location = 'https://www.awesomes.cn'

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

// 刷新当前页
window.location.reload()

在a中调用js函数

<a href="javascript:void(0);" onclick="js_method()"></a>  
<a href="javascript:;" onclick="js_method()"></a>  
<a href="#" onclick="js_method();return false;"></a>  

<a>标签传值和获取值

//传值的形式
<a href="地址?参数名=值"></a>,多个参数用&隔开
<a href="地址?参数1=值&参数2=值"></a>
例:<a href="test.asp?a=1&b=2&c=3"></a>

//修改值
var 变量 = 值;
document.getElementById("id名").href="地址?参数="+变量;

<a href="" id="n" onclick="t()"></a>  

function t() {
    //可以是一个可变的值  
    var name = "张三"; 
    var id = 13527892092;
    var age = 25;

    //用javascript的方法改变href属性值,从而传递可变参数  
    document.getElementById("n").href = "a.jsp?name=" + name;

    //用jquery的方法改变href属性值,从而传递可变参数
    $(this).attr("href", "a.jsp?name=" + name + "&id=" + id + "&age=" + age); 
}

//获取上个页面跳转过来获取当前的参数

//获取地址栏参数,name:参数名称
 function getUrlParms(name){
   var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)");
   var r = window.location.search.substr(1).match(reg);
   if(r!=null)
   return unescape(r[2]);
   return null;
   }
var id = getUrlParms("id");
function getRequest() {
  var url = window.location.search; //获取url中"?"符后的字串
  var theRequest = new Object();
  if (url.indexOf("?") != -1) {
    var str = url.substr(1);
    strs = str.split("&");
    for(var i = 0; i < strs.length; i ++) {
       
      theRequest[strs[i].split("=")[0]]=decodeURI(strs[i].split("=")[1]);
       
    }
  }
  return theRequest;
}
var id= getRequest().id;

相关文章

  • 标签,标签

    宇宙很大,“宇宙”这俩字儿很小。 宇宙很复杂,“宇宙”这俩字儿很简单。 宇宙时刻在变化,“宇宙”这俩字儿没什么变化...

  • JAVAWEB总结1_HTML

    常用标签 标签 标签 标签 标签 标签 标签 标签 标签

  • html学习之路(三)- 块级标签

    div标签 p标签 pre标签 figure标签 figcaption标签 ul标签 ol标签 li标签 dl标签...

  • img标签,a标签,form标签

    img标签 作用:在页面中显示一张图片 属性: src 图片的路径 width 图片宽 height 图片高 al...

  • html学习之路(二)- 行内标签

    hr标签(块级标签) br标签 wbr标签 span标签 a标签 small标签 abbr标签 dfn标签 bdo...

  • html5的学习

    标签的学习 标签 : 网页的头部标签 标签 : 网页的标题信息标签 标签 : 段落标签 标签 : 强调字体标签 默...

  • ## HTML基础-常见标签

    ## HTML基础-常见标签 # hr标签 # --> # img标签 # br标签 # p标签 # a标签 # ...

  • 04.标签

    单标签 注释标签:ctrl+/ 换行标签: 水平线标签: 双标签 文本标签: 文本标签: 标题标签 文本格式化标签...

  • JSTL 标签库

    out 标签 redirect 标签 set 标签 remove 标签 if 标签 case 标签 fn:cont...

  • html学习之路(四)- 表格标签

    table标签 caption标签 col标签 colgroup标签 thead标签 tbody标签 tfoote...

网友评论

      本文标题:a标签

      本文链接:https://www.haomeiwen.com/subject/ntydlftx.html