请做好准备
- 把JavaScript代码写在
<script></script>
之间,告诉浏览器,里面的是你的js代码 - 怎么把外部js代码引入HTML中呢?
<script src="script.js"></script>
- javascript作为一种脚本语言可以放在html页面中任何位置,但是浏览器解释html时是按先后顺序的,所以前面的script就先被执行。比如进行页面显示初始化的js必须放在head里面,因为初始化都要求提前进行(如给页面body设置css等);而如果是通过事件调用执行的function那么对位置没什么要求的。
- 每条语句结束都有分号
<script type="text/javascript">
document.write("I");
document.write("love");
document.write("JavaScript");
</script>
- 单行注释,在注释内容前加符号 “//” , 多行注释以"/“开始,以”/"结束。
- 定义变量
var 变量名
- 判断语句
if(条件)
{ 条件成立时执行的代码 }
else
{ 条件不成立时执行的代码 }
- 怎么定义一个函数
function 函数名(){ 函数代码;}
请和我互动
document.write()
直接在网页中输出内容- JavaScript-警告(alert 消息对话框)
alert(字符串或变量);
- JavaScript-确认(confirm 消息对话框)
confirm(str);
- JavaScript-提问(prompt 消息对话框)
prompt(str1, str2);
str1: 要显示在消息对话框中的文本,不可修改
str2:文本框中的内容,可以修改 - open() 方法可以查找一个已经存在或者新建的浏览器窗口。
window.open([URL], [窗口名称], [参数字符串])
URL:可选参数,在窗口中要显示网页的网址或路径。如果省略这个参数,或者它 的值是空字符串,那么窗口就不显示任何文档。
窗口名称:可选参数,被打开窗口的名称。
1.该名称由字母、数字和下划线字符组成。
2."_top"、"_blank"、"_self"具有特殊意义的名称。
_blank:在新窗口显示目标网页
_self:在当前窗口显示目标网页
_top:框架网页中在上部窗口中显示目标网页
3.相同 name 的窗口只能创建一个,要想创建多个窗口则 name 不能相同。
4.name 不能包含有空格。
参数字符串:可选参数,设置窗口参数,各参数用逗号隔开。
参数表
* JavaScript-关闭窗口(window.close)`window.close(); //关闭本窗口`,`<窗口对象>.close(); //关闭指定的窗口`
你也有控制权(DOM操作)
HTML文档可以说由节点构成的集合,三种常见的DOM节点:
1. 元素节点:上图中<html>、<body>、<p>等都是元素节点,即标签。
2. 文本节点:向用户展示的内容,如<li>...</li>中的JavaScript、DOM、CSS等文本。
3. 属性节点:元素属性,如<a>标签的链接属性href="http://www.imooc.com"。
document.getElementById(“id”)
通过ID获取元素…
注:获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。- innerHTML 属性用于获取或替换 HTML 元素的内容
Object.innerHTML
- 改变 HTML 样式
Object.style.property=new style
基本属性表(property) - 显示和隐藏(display属性)
Object.style.display = value
value取值 - 控制类名(className 属性)
object.className = classname