JavaScript

插入JavaScript

<script type="text/javascript" src="script.js"></script>

• text : 文本类型
• javascript : 属于javascript语言
• 可放在head中或者body中或者外部引用

输出

//输出会覆盖所有内容
document.write("hello");
//警告，消息对话框，一般用来调试
alert("hello");
//输出到控制台，推荐调试时使用
console.info()
//消息对话框
confirm(str);
    str:显示文本
    返回值:Boolean值
    点击确定返回true，取消返回false
//消息对话框
prompt(str1,str2);
    str1:要显示文本，不可修改
    str2:文本框中的内容，可修改
    确定时返回文本框中的内容，取消返回null

注释

//单行注释
/*
多行注释
*/  

获取元素

document.getElementById('P1').style.color="blue";

style属性

• backgroundColor
• height
• width
• color
• font
• fontFamily
• fontsize
• display = value
  
  • none : 此元素不会被显示
  • block : 此元素显示为块级元素

innerHTML属性

获取或替换HTML内容

变量

var 变量名

1. 变量名必须使用字母，下划线（_）或者美元符（$）开始 2. 然后可以使用任意多个英文字母，数字，下划线（_）或者美元符（$）
3. 不能使用使用javascript关键字与javascript保留字
4. javascript中区分大小写

判断语句

if(条件){
    条件成立pass
}else{
    条件不成立pass
}

函数

function 函数名(){
}

window

//打开新窗口
window.open([URL],[窗口名称],[参数字符串])
    _blank : 在新窗口打开目标网页
    _self  : 在当前窗口显示目标网页
    _top   : 框架网页中在上部窗口显示目标网页
//关闭窗口
window.close()
<窗口对象>.close();
    var mywin = window.open();
    mywin.close();

元素节点

• 属性节点
• 文本节点

note

• +”123” : 字符串转数字
• &nbsp : 空格
• onclick事件