JavaScript基本用法

JavaScript对大小写是敏感的

JavaScript弹窗:
弹窗使用反斜杠+"n"(\n)来设置换行

//警告框
window.alert()
//确认框
window.confirm("sometext");//当你点击"确认",确认框返回true,如果点击"取消",确认框返回false
//提示框
window.prompt("sometext","defaultvalue");
//提示框经常用于提示用户在进入页面前输入某个值。
//如果用户点击确认,那么返回值为输入的值.如果用户点击取消,那么返回值为null

JavaScript输出数据:

使用 window.alert() 弹出警告框。
使用 document.write() 方法将内容写到 HTML 文档中。
使用 innerHTML 写入到 HTML 元素。
使用 console.log() 写入到浏览器的控制台    

操作HTML元素:

从JavaScript访问某个HTML元素,可以使用document.getElementById(id)方法
使用 "id" 属性来标识 HTML 元素,并innerHTML来获取或插入元素内容:

document.getElementById("demo") 是使用id属性来查找HTML元素的JavaScript代码
innerHTML = "段落已修改。"是用于修改元素的HTML内容(innerHTML)的JavaScript代码

写到HTML文档:

document.write()仅仅向文档输出写内容

写到控制台:

浏览器支持调试,可以使用console.log()方法在浏览器中显示JavaScript值

查找HTML元素

通过id找到HTML元素
通过标签名找到HTML元素
通过类名找到HTML元素

//查找id="main"的元素,然后查找id="main"元素中的所有

元素 var x=document.getElementById("main"); var y=x.getElementsByTagName("p"); //查找class="intro"的元素 var x=document.getElementsByClassName("intro"); 实例 var person=prompt("请输入你的名字","Harry Potter"); if (person!=null && person!="") { x="你好 " + person + "! 今天感觉如何?"; document.getElementById("demo").innerHTML=x; }

window.location
对象用于获得当前页面的地址(URL),并把浏览器重定向到新的页面

window.location对象在编写时可不使用window这个前缀
location.hostname返回web主机的域名
location.pathname返回当前页面的路径和文件名
location.port返回web主机的端口(80或443)
location.protocol返回所使用的web协议(http://或 https://)

location.href属性返回当前页面的URL

http://www.runoob.com/js/js-window-location.html

location.pathname属性返回URL的路径名

/js/js-window-location.html

location.assign()方法加载新的文档

window.location.assign("http://www.w3cschool.cc")

你可能感兴趣的:(JavaScript基本用法)