javascript dom页面中的location属性

属性名称

host:设置或返回主机名和当前URL的端口号

hostname:设置或 返回当前的URL的主机名

href:设置或返回完整的url,可用于设置跳转

hash:设置或返回从#号开始的URL锚

search:设置或返回从问号?开始的URL查询部分

方法名称

reload() 重新加载当前的文档,刷新页面

replace() 新的文档替换当前文档

时间: 2024-10-14 06:26:25

javascript dom页面中的location属性的相关文章

JavaScript在页面中的引用方法

现在前端开发越来越流行,框架也越来越多,像ExtJs.JQuery.Bootstrap等.虽然入行这么多年,但是感觉自己在前端方面还是存在基础不牢的地方,特别是CSS和JS.因此最近打算重新阅读这方面的经典书籍,来夯实自己的基础.因此打算边读书,边写博客,将我自己的感觉有用的地方记下来,以加深印象. 在前端开发,人人都会遇到JavaScript,也必须了解它.在用到它之前,首先必须了解怎么样将其引用到自己的页面中去.以前因为是快速开发,很少去关注这点,对JavaScript的引入,一掠而过,没有

JavaScript 实现页面中录音功能

页面中实现录音需要使用浏览器提供的 Media?Recorder API,所以前提是需要浏览器支持 MediaStream Recording 相关的功能. 以下代码默认工作在 Chrome 环境中. 准备页面 首先准备一个页面,其中内容很简单,两个按钮,一个用于录音,一个用于播放. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <m

JavaScript DOM学习笔记之标签属性

节点: 平时开发中常用的节点是: 元素节点:nodeType值是 1    --> <a>,<p>...... 属性节点:nodeType值是 2    --> title,href,src...... 文本节点:nodeType值是 3    --> 内容 获取html标签内容: document.getElementById(""):接受一个id值,返回的不是内容,而是包括标签在内的所有内容 document.getElementsByTa

JavaScript DOM编程 学习笔记-节点属性

<!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script type="text/javascript"> //关于节点的属性:nodeType  nodeName  nodeValue //在HTML文档中,任何一个节点都有这三个属性

JavaScript DOM(二)

HTML元素特性与DOM属性 Element类型节点 Text类型节点 HTML元素特性与DOM属性 HTML标签中的attribute和DOM对象的property是比较容易混淆的两个概念,实际上这二者对于理解"文档对象模型"是十分重要的.通常我们会把HTML标签的attribute译为"特性"而把DOM对象的property译为"属性". 文档对象模型(DOM)是针对HTML和XML文档的一个API.DOM描绘了一个层次化的节点树,它允许我们

返本求源——DOM元素的特性与属性

抛砖引玉 很多前端类库(比如dojo与JQuery)在涉及dom操作时都会见到两个模块:attr.prop.某天代码复查时,见到一段为某节点设置文本的代码: attr.set(node, 'innerText', 'Hello World!') 这段代码执行后并未生效,虽说innerText不是标准属性,尚未被ff支持,可用的是chrome,这个属性是被支持的.既然显示的文本没变,那就查看一下元素吧. innerText被添加到了html标签上,而换成prop模块后,成功的为节点替换文本. 以上

浏览器客户端智能自动化:如何取得页面中JavaScript运行时动态生成的URL?

浏览器客户端智能自动化:如何取得页面中JavaScript运行时动态生成的URL? 需求 "页面智能拼接"指的是通过启发式查询DOM树,判断出"下一页"链接,取出其href属性.Chromium的官方插件DOM Distiller完成类似的工作,主要目的就是为了将多页点击流程变成单页的Ajax连续阅读体验. 问题是,现在有些网站为了阻止浏览器客户端这么做,将href属性设置为"#"(或javascript:void()),然后在其onclick事

javascript如何统计页面中标签的数量

javascript如何统计页面中标签的数量:本章节介绍一下如何统计页面中标签的数量,当然标签是可以重复的,虽然不常用,不过寄希望能够给大家带来或多或少的帮助.代码如下: <!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" />

javascript DOM document属性

DOM控制页面中的所有元素 每个载入浏览器的HTML文档都会成为Document对象,利用它可对HTML页面中的所有元素进行访问 常用属性: title:返回或设置当前文档的标题 常用方法 write():想文档写HTML表达式或javascript代码 getElementById():返回对拥有指定id的第一个对象的引用 getElementsTagName():返回带有指定名称的对象的集合 getElementsByName():返回带有指定名称的对象集合