js获取URL请求参数与改变src

来源：互联网发布：淘宝卖衣服赚钱吗编辑：程序博客网时间：2024/06/06 17:54

js实现:

<script>function GetQueryString(name) {var reg = new RegExp("(^|&)" + name + "=([^&]*)(&|$)");var r = window.location.search.substr(1).match(reg);if(r != null) return unescape(r[2]);return null;}    window.onload=function() {var img=document.getElementById("type");img.setAttribute("src","img/tiche/"+GetQueryString("carmodel")+".jpg");}</script>

<div style="margin-top:40px"><img src="" width="100%"><img src="" width="100%"><img id="type" src="" width="100%"></div>

Jquery实现：

<script src="js/jquery-1.11.1.min.js"></script><script src="js/jquery.form.js"></script><script>$.extend({getUrlVars: function() {var vars = [],hash;var hashes = window.location.href.slice(window.location.href.indexOf('?') + 1).split('&');for(var i = 0; i < hashes.length; i++) {hash = hashes[i].split('=');vars.push(hash[0]);vars[hash[0]] = hash[1];}return vars;},getUrlVar: function(name) {return $.getUrlVars()[name];}});</script>

调用方法：

<script>//Get object of URL parametersvar allVars = $.getUrlVars();// Getting URL var by its namvar byName = $.getUrlVar('name');  </script>

0 0