您现在的位置是:首页 > Javascript
当前栏目
js中如何理解location对象方法
2023-03-15 23:17:07 时间
1、location对象方法
是一个URL操作方法,表示载入窗口的URL;
是window对象和document对象的属性,可以通过window.location属性来访问;
可以获取URL的参数并解析URL。
2、使用语法
location.[属性|方法]
3、locatio对象常用属性
console.log(location.hash); console.log(location.host); console.log(location.hostname); console.log(location.href); console.log(location.pathname); console.log(location.port); console.log(location.protocol); console.log(location.search);
4、使用js中location对象方法获取URL参数
<div></div> <script> console.log(location.search); // ?uname=andy // 1.先去掉? substr('起始的位置',截取几个字符); var params = location.search.substr(1); // uname=andy console.log(params); // 2. 利用=把字符串分割为数组 split('='); var arr = params.split('='); console.log(arr); // ["uname", "ANDY"] var div = document.querySelector('div'); // 3.把数据写入div中 div.innerHTML = arr[1] + '欢迎您'; </script>
以上就是关于js中location对象方法的介绍,希望能帮到你哦~更多js学习推荐:js教程。
本教程操作环境:windows7系统、java10版,DELL G3电脑。
相关文章
- jQuery翻牌或百叶窗效果
- 流畅的验证组件:FluentValidation
- 揭秘Facebook官方底层C++函数Folly
- Apache与Tomcat集群配置
- dom4j解析及写入XML文档时的乱码问题
- 为何我们要从Node.JS迁移到Ruby on Rails
- 从程序语言排行榜来解读IT及Web的发展
- JFile 1.0.0 最终版发布
- Jdom解析嵌套XML
- jQuery语法高亮插件 DlHighlight
- Highlight 3.9发布 语法着色工具
- GeSHi 1.0.8.10版本 HTML代码高亮库
- Eclipse ADT 20 Preview发布 继续增强UI功能
- 百度Web前端面试经历
- Apache CXF实战之二:集成Sping与Web容器
- PHP为什么优于Node.js
- AWT的几种布局管理器
- 多个具有互动性和动态的FLASH网站创意
- 用jQuery实现ASP.NET GridView折叠伸展效果
- RichFaces 4.2.1.CR1发布