JS 入门
1、什么叫“脚本语言”?
脚本语言是由传统编程语言简化而来的语言,它与传统编程语言有很多相似之处,也有不同之处。脚本语言最显著的特点是:
- (1)它不需要编译成二进制,以文本形式存在;
- (2)脚本语言一般都需要其他语言的调用执行,不能独立运行。
2、JavaScript和jQuery是什么关系呢?
我们经常说JavaScript有很多框架,例如什么ExtJS、Dojo、YUI、jQuery等。其实jQuery就是JavaScript的框架之一。不过jQuery现在可是全球最流行的JavaScript框架。简单点来说,jQuery就是JavaScript的简化版,它是使用JavaScript编写的,本质还是JavaScript。原生的JavaScript需要编写大量代码,而jQuery简化了JavaScript中很多复杂的代码,使得开发者更加容易使用。
3、JavaScript是一门简单的语言吗?
尽管JavaScript是一门比较容易入门的语言,一些非程序人员都可以很容易使用JavaScript进行编程。但是JavaScript却是一门具有非常丰富特性的语言,它有着和其他编程语言一样的复杂性,或更复杂。实际上,编写一些复杂的JavaScript程序,就需要对JavaScript有扎实的理解。
JavaScript是严格区分大小写的!!!!
4. 自增 自减
i++ 使用i之后,使i的值增加1.例如 i=1 j=i++ 输出为j=1 i=2.
++i 使用i之前,使i的值曾加1.例如:i=1 j=++i 输出为j=2 i=2
5.类型转换
parseInt() 将字符串型转换为整型,**这里的字符串只能为数值型字符串
parseFloat() 将字符串型转换为浮点型
.toString() 数值型转换为字符型
循环语句中,break是彻底结束循环,continue是结束本次循环。
《《函数》》
1.什么是函数?
A: 函数就是一系列JS语句的集合,为了完成某一个会重复使用的特定功能。匿名函数 指定函数名的函数(形参 实参)。
2.函数调用?
A:一般调用 表达式中调用 事件响应中调用 通过链接调用(如:
<!DOCTYPE html> <html xmlns="http://www.w3.org/1999/xhtml"> <head> <title></title> <script type="text/javascript"> function mes() { alert("她:我爱helicopter。\n我:oh~my,= =?!"); } </script> </head> <body> <a href="javascript:mes()">表白对话</a> </body> </html>
(tipssss:可以使用转义字符\n来使alert中的文本换行)
3.嵌套函数
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
</head>
<body>
<label>第一个数是:<input type="text" id="num1"/></label><br/>
<label>第二个数是:<input type="text" id="num2"/></label><br/>
<button onclick="maxNum()">计算最大数</button>
<br/>
输入的数字是:<input type="text" id="num"><br/>
<input type="button" onclick="strNum()" value="提交"/>
<script type="text/javascript">
function fun(a) {
function multi(x) {
console.log(x*x); //**!这里要注意若要是在return之后打印,就会报错,因为return之后这个函数就执行完毕了。
return x*x;
}
var m=1;
for(var i=1;i<=multi(a);i++){
console.log(a);
m=m*i;
}
console.log(m);
return m;
}
document.write("<br/>");
document.write(fun(2));
document.write("<br/>");
document.write(fun(3));
//练习2:计算两个数中的最大数
function maxNum() {
var num1 = document.getElementById("num1").value;
var num2 = document.getElementById("num2").value;
//强制转换为数值型
num1 = parseFloat(num1);
num2 = parseFloat(num2);
if (num1 > num2) {
alert("最大数是" + num1)
} else {
alert("最大数是" + num2)
}
}
//练习3:给数字中间加入空格
function strNum(){
var s=document.getElementById("num").value;
var s1=" ";
for(var i=0;i<s.length;i++){
if(i!=s.length-1){
s1+=s.charAt(i)+" ";
}else{
s1+=s.charAt(i);
}
}
alert(s1);
}
</script>
</body>
</html>