3school 知识点随笔记录（js篇）
js 数据类型
undefined：使用var声明，但没有赋值的变量
null ：表示空的引用
Booleam ：真假
Number ：数值类型，包括整点和浮点
Object ：对象（函数数组统称为对象）
String ：字符串
数值函数
Number（）函数：
Undefined ：无法转换，返回NAN
null ：转为0
Booleam ：true转为1，false转为0
字符串 ：“123”——123 “123a”——NAN
空字符串 ：“”——0
parseInt（） 函数：
空字符串 ：“”——NAN
纯数字 ：“123.9”——123
非纯数字 ：“123a”——123 “a123”——NAN
js常用输出语句
1 alert ( ) // 弹窗输出
2 prmpt (a,b) // 弹窗输入，a是输入提示内容，b是输入框的默认文本
3 document.write ( ) // 在浏览器屏幕是打印
4 console.log ( ) // 浏览器控制台打印
toUpperCase() //文本转换为大写
示例： var x = "hello"
var c =x.toUpperCase ( ) ;// 转换为大写
alert(c) ; //输出值为：HELLO
<em>——<em> // 使范围内文字倾斜
示例：<p><em>你好<em><p> // 显示“你好”倾斜
button——onclick // 点击执行
示例 ：<button onclik="myfunction ( ) ">点击这里</button> // 点击 “点击这里” 即执行函数myfunction ( )内容
onload和onunload ：事件在用户进入或离开页面时触发
示例：<body onload="myfunction ( ) "> // 设定打开页面触发myfunction ( )
<script>
function myfunction ( )
{ } // 函数内容
</script>
</body>
onmouseover和onmouseout // 事件在鼠标移至元素上方或移出元素时触发函数
示例 ： <div // （定义块级元素） onmouseover= "mover( this )" onmouseout=" mout( this ) " style( // 填充区域颜色) = "background-color : green ” width (// 宽) :120px ; height(//高) : 20px ; padding(// 内边距) : 40px ; color( // 元素的颜色) :#ffffff ; >
把鼠标移到上面</div>
<script>
function mover ( obj ) { obj.innerHTML= " 谢谢 " } // 鼠标移动到元素上，将触发函数mover ( ) , 把 “把鼠标移到上面” 变为 “ 谢谢 ”
function mout ( obj ) { obj.innerHTML= "把鼠标移到上面 " } // 鼠标从元素上移开，将触发函数mout ( ) , 把“谢谢 ” 变为 “ 把鼠标移到上面 ”
onfocus // 事件当输入字段获得焦点时，触发改变背景颜色的函数
<input onfocus = "myfunction ( this ) "> // 定义一个空的输入框，点击输入框执行函数myfunction
<script>
function myfunction ( x ) { x.style.background ( // 定义颜色 ) = " yellow " } // 把输入框背景颜色改为黄色
</script>
createElement // 创建元素 createTextNode // 创建文本节点
示例 ：p = docunment.createElement ( " p " ) // 创建元素
txt = docunment.createTextNode ( " 你好 " ) // 创建文本节点
p.appendChild ( txt ) ; // 向 “p” 元素追加文本节点，生成新的标签
document.getElementById.body.appendChild ( p ) ; // 在闭合body标签最后一行动态生成指定文本和元素
removeChild // 删除元素
示例 ：
<div id = " hhh "> //创建块级元素，含有两个子元素
<p id = " p1 "> 段落一< /p > // 子元素一
<p id = " p2 "> 段落二< /p > // 子元素二
< /div>
var parent = document.getELementById ( "hhh" ) // 找到父元素
var child = document.getElementById ( "p1" ) //找到要删除的子元素
parent.removeChild( child ) ; //从父元素中删除子元素
parentNode // 找到父元素
示例 ：
var child = document.getElementById ( "p1" ) ; // 找到子元素
child.parentNode.removechild ( "p1" ) // 定义父元素，并删除指定的子元素
switch 的应用
switch ( n ) {
case 1 :
执行代码块1
break ;
case 2 :
执行代码块2
break ;
。。。
default :
n 与 case 的所有项目不匹配时执行的代码块；
设置空标签，并加入别的内容
<p id = " demo " >< /p > // 设置空标签
function myfunction ( ) {
document,getElementById ( " demo " ).innerHTML = x ; // 把 “ demo ” 的内容替换为X的内容
break // 终止，结束整个循环
continue // 跳过本次循环，继续执行下面代码块
示例 ：
for ( i=0 ; i < 10 ; i++ ) {
if ( i== 3 ) {
break ; // 显示结果为 0 , 1 , 2 ;
}
}
for ( i=0 ; i < 10 ; i++ ) {
if ( i== 3 ) {
continue ; // 显示结果为 0 , 1 , 2 ,4 , 5 , 6 , 7 , 8 , 9 ;
}
}
图片的加载标签格式 ： <img ...... src = " " / >
文字输入框的标签格式 ： <input ...... value = " " / >
循环遍历对象的属性 ： for ... in
示例 ：
< button onclick = " myfunction ( ) "> 点击这里 </button > // 创建点击事件
<script>
function myfunction ( ) {
var x ; // 定义一个变量
var txt = " " // 定义一个空字符串
var person = { w: " Bill " i : " Gates " 0 : 56 } // 定义一个遍历的对象
for (x in person ) { // 遍历对象
txt = txt +person [ x ] ; // 遍历的子对象相加
}
document.getElementById ( " demo " ).innerHTML= txt ; // 输出结果为 ： BillGatse56
}
</script>
<p id = " demo ">< /p > // 创建新的空标签
