JavaScript与html的结合方式
1.直接在html中写<script>标签
<script>
alert("aaaaaaaaaaaa");
</script>
2.引入外部文件
<script type="text/javascript" src="js/Adaptive.js"></script>
JavaScript的5种原始类型
string(字符串类型),number(数字类型),boolean(布尔类型),null(new了一个空的对象),undefined(没有被定义的)。可以通过typeof()方法来查看当前变量是什么类型。
JavaScript的控制语句和java的一样
JavaScript的计算要注意var i="456";i+1=4561;i-1=455; var j=ture;j+1=2; ==表示值相等,5==“5”为true ===表示值和类型都相等,5===“5”为false
联系用JavaScript编写99乘法表
<script>
document.write("<table border='1'>");
for(var i=1;i<=9;i++){
document.write("<tr>");
for (var j=1;j<=i;j++) {
document.write("<td>");
document.write(i+"*"+j+"="+i*j);
document.write("</td>");
}
document.write("</tr>");
}
document.write("</table>");
</script>
js语法部分
js数组的3中定义方式
1.var arr=[1,2,4];
2.var arr2=new Array(5);
var arr=new Array(3);
arr[0]=1;
arr[1]=2;
arr[2]="3";
3.var arr3=new Array(1,2,"3");
js函数的定义方式
1
<script>
function test(){
alert("aaaaaaaaaaaaaaaa");
}
test();
function test1(a,b){
alert(a+b);
}
test1(3,4);
</script>
2
var add=function(){
alert("bbbbbbbbbbbb");
}
add();
var add1=function(a,b){
alert(a+b);
}
add1(2,3);
js的全局变量和局部变量
写在方法体内的就是局部变量,写在方法体外的就是全局变量。
js代码放置的位置
建议放到</body>后面,因为html代码的解析是从上到下的,而等html代码解析完,界面框架才可以展示了,所以之后使用到js来改变某些标签的内容才是合理的。
js的string对象和java差不多,Array对象,Date对象,Math对象,用到那个忘了再看一下。
js的全局函数
eval()如果参数是可执行的JavaScript代码的字符串,那么可以直接执行。
encodeuri, decodeuri 编码和解码。
isNAN()判断当前的字符串是不是数字。
js中不存在函数的重载,但是可以通过设置传入的参数为数组来达到重载的效果。
BOM
浏览器对象模型 父对象window
DOM
文档对象模型 父对象NODE(节点)document对象是整个文本的对象。
添加节点
<body>
<ul id="ulid">
<li>111</li>
<li>111</li>
<li>111</li>
<li>111</li>
</ul>
<input type="button" οnclick="add()" value="添加"/>
<script type="text/javascript">
function add(){
var ulid=document.getElementById("ulid");
var li=document.createElement("li");
var text=document.createTextNode("222");
li.appendChild(text);
ulid.appendChild(li);
}
</script>
</body>
要练习的东西很多,逐一联系会打破我学习的节奏,整体我把握住了,然后语法我也学的比较懂了,BOM和DOM里面的方法练习少了都会忘记,这里我就mark一下,忘了就继续来看day3和day4的视频。好了,继续学习下一篇章。