草庐IT

hl-brackets

全部标签

JavaScript Window Location

JavaScriptWindowLocationwindow.location对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面。WindowLocationwindow.location对象在编写时可不使用window这个前缀。一些例子:一些实例:location.hostname返回web主机的域名location.pathname返回当前页面的路径和文件名location.port返回web主机的端口(80或443)location.protocol返回所使用的web协议(http:或https:)WindowLocationhreflocation.href属性返回当前页

JavaScript Window Location

JavaScriptWindowLocationwindow.location对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面。WindowLocationwindow.location对象在编写时可不使用window这个前缀。一些例子:一些实例:location.hostname返回web主机的域名location.pathname返回当前页面的路径和文件名location.port返回web主机的端口(80或443)location.protocol返回所使用的web协议(http:或https:)WindowLocationhreflocation.href属性返回当前页

JavaScript HTML DOM 元素 (节点)

JavaScriptHTMLDOM元素(节点)本章节介绍如何向文档中添加和移除元素(节点)。创建新的HTML元素(节点)-appendChild()要创建新的HTML元素(节点)需要先创建一个元素,然后在已存在的元素中添加它。实例divid="div1">pid="p1">这是一个段落。p>pid="p2">这是另外一个段落。p>div>script>varpara=document.createElement("p");varnode=document.createTextNode("这是一个新的段落。");para.appendChild(node);varelement=document

JavaScript HTML DOM 元素 (节点)

JavaScriptHTMLDOM元素(节点)本章节介绍如何向文档中添加和移除元素(节点)。创建新的HTML元素(节点)-appendChild()要创建新的HTML元素(节点)需要先创建一个元素,然后在已存在的元素中添加它。实例divid="div1">pid="p1">这是一个段落。p>pid="p2">这是另外一个段落。p>div>script>varpara=document.createElement("p");varnode=document.createTextNode("这是一个新的段落。");para.appendChild(node);varelement=document

JavaScript HTML DOM - 改变CSS

JavaScriptHTMLDOM-改变CSSHTMLDOM允许JavaScript改变HTML元素的样式。改变HTML样式如需改变HTML元素的样式,请使用这个语法:document.getElementById(id).style.property=新样式下面的例子会改变元素的样式:实例!DOCTYPEhtml>html>head>metacharset="utf-8">title>菜鸟教程(runoob.com)title>head>body>pid="p1">HelloWorld!p>pid="p2">HelloWorld!p>script>document.getElementByI

JavaScript HTML DOM - 改变CSS

JavaScriptHTMLDOM-改变CSSHTMLDOM允许JavaScript改变HTML元素的样式。改变HTML样式如需改变HTML元素的样式,请使用这个语法:document.getElementById(id).style.property=新样式下面的例子会改变元素的样式:实例!DOCTYPEhtml>html>head>metacharset="utf-8">title>菜鸟教程(runoob.com)title>head>body>pid="p1">HelloWorld!p>pid="p2">HelloWorld!p>script>document.getElementByI

JavaScript Promise

JavaScriptPromise在学习本章节内容前,你需要先了解什么是异步编程,可以参考:JavaScript异步编程Promise是一个ECMAScript6提供的类,目的是更加优雅地书写复杂的异步任务。由于Promise是ES6新增加的,所以一些旧的浏览器并不支持,苹果的Safari10和Windows的Edge14版本以上浏览器才开始支持ES6特性。以下是Promise浏览器支持的情况:Chrome58Edge14Firefox54Safari10Opera55构造Promise现在我们新建一个Promise对象:newPromise(function(resolve,reject){

JavaScript Promise

JavaScriptPromise在学习本章节内容前,你需要先了解什么是异步编程,可以参考:JavaScript异步编程Promise是一个ECMAScript6提供的类,目的是更加优雅地书写复杂的异步任务。由于Promise是ES6新增加的,所以一些旧的浏览器并不支持,苹果的Safari10和Windows的Edge14版本以上浏览器才开始支持ES6特性。以下是Promise浏览器支持的情况:Chrome58Edge14Firefox54Safari10Opera55构造Promise现在我们新建一个Promise对象:newPromise(function(resolve,reject){

JavaScript 函数

JavaScript函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。实例!DOCTYPEhtml>html>head>metacharset="utf-8">title>测试实例title>script>functionmyFunction(){alert("HelloWorld!");}script>head>body>buttononclick="myFunction()">点我button>body>html>尝试一下»JavaScript函数语法函数就是包裹在花括号中的代码块,前面使用了关键词function:functionfunctionname(){    //执

JavaScript 函数

JavaScript函数函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。实例!DOCTYPEhtml>html>head>metacharset="utf-8">title>测试实例title>script>functionmyFunction(){alert("HelloWorld!");}script>head>body>buttononclick="myFunction()">点我button>body>html>尝试一下»JavaScript函数语法函数就是包裹在花括号中的代码块,前面使用了关键词function:functionfunctionname(){    //执