Js控制URL
来源:互联网 发布:阿里云服务器防御 编辑:程序博客网 时间:2024/06/05 02:57
Js控制URL
浏览器的location对象拥有很多方便的属性用于获取当前URL的组成部分:
- location.protocol:协议名
- location.username:用户名
- location.password:密码
- location.hostname:主机名
- location.port:端口号
- location.host:主机名和端口号
- location.pathname:路径
- location.search:查询串
- location.hash:书签名
在较新(未测试,估计是支持跨域XHR之后的)浏览器中,还有
location.origin:协议名、主机名和端口号
可以使用。
解决方案:
- 构造一个HTMLAnchorElement(或者HTMLAreaElement)对象。
- 将该对象的href设置为要解析的URL。
- 获得对象的相关属性。
HTML
<input type="text" id="url" value="https://github.com:8000/foo?bar#quz" /><button id="parse">Parse</button><pre id="result"></pre>
JS
function parseURL(url) { var anchor = document.createElement('a') var undefined = void 0 var parts = { protocol: undefined, host: undefined, port: undefined, hostname: undefined, pathname: undefined, search: undefined, hash: undefined } anchor.href = url for (var key in parts) { parts[key] = anchor[key] } return parts}document.getElementById('parse').onclick = function () { var parts = parseURL(document.getElementById('url').value) var text = '' for (var key in parts) { text += key + ': ' + parts[key] + '\n' } document.getElementById('result').innerText = text}
location.origin兼容IE (IE11+才有origin属性)
if (window["context"] == undefined) { if (!window.location.origin) { window.location.origin = window.location.protocol + "//" + window.location.hostname + (window.location.port ? ':' + window.location.port: ''); } window["context"] = location.origin+"/V6.0"; }
阅读全文
0 0
- Js控制URL
- 页面控制URL Rewrite
- URL 地址 加密控制
- 动态URL权限控制
- 动态URL权限控制
- Android 拦截WebView加载URL,控制其加载CSS、JS资源
- js控制
- JS控制
- 基于URL实现权限控制
- URL之控制参数长度
- Shiro Spring url 控制访问
- JS:location.replace(url)
- JS-URL类
- js获取url参数
- JS获取URL参数
- JS获取URL参数
- js取url参数
- js url截取
- Codeforces E. Field of Wonders
- 自定义view 倒计时
- ARM中的D-TCM(转)
- ActiveAndroid 通过 Sqlcipher 加密数据库
- Android开发:JSON简介及最全面解析方法(Gson、AS自带org.json、Jackson解析)
- Js控制URL
- ISIS路由器分类—Level-2 区域间路由
- 数据库——Oracle中创建数据库
- DataNode连接错误Retrying connect to server
- JDBC综合例题
- 神经网络的直观解释
- js闭包是怎么产生的
- c++备忘知识
- 异常捕获