2017.7.11学习记录复习js第二天

来源：互联网发布：魔方微猎靠谱吗知乎编辑：程序博客网时间：2024/06/01 09:31

isNaN()判断是否是个数字
1===‘1’（值相等，类型相等）

<script> </script>：浏览器会解释并执行位于 <script> 和 </script> 之间的 JavaScript。
<head> 或 <body> 中的 JavaScript
可以在 HTML 文档中放入不限数量的脚本。
脚本可位于 HTML 的 <body> 或 <head> 部分中，或者同时存在于两个部分中。
通常的做法是把函数放入 <head> 部分中，或者放在页面底部。这样就可以把它们安置到同一处位置，不会干扰页面的内容。
JavaScript 是脚本语言。浏览器会在读取代码时，逐行地执行脚本代码。而对于传统编程来说，会在执行前对所有代码进行编译。

JavaScript中有连接符时用下一个单词首字母大小代替连接符：obj.style.fontSize="23px";

JavaScript 变量
与代数一样，JavaScript 变量可用于存放值（比如 x=2）和表达式（比如 z=x+y）。
变量可以使用短名称（比如 x 和 y），也可以使用描述性更好的名称（比如 age, sum, totalvolume）。
变量必须以字母开头
变量也能以 $ 和 _ 符号开头（不过我们不推荐这么做）
变量名称对大小写敏感（y 和 Y 是不同的变量）
提示：JavaScript 语句和 JavaScript 变量都对大小写敏感。

x=''只能是转换的类型，如果变量未赋值则会提示undefined
parseInt(x)转换类型

JavaScript 拥有动态类型。这意味着相同的变量可用作不同的类型：

JavaScript 只有一种数字类型。数字可以带小数点，也可以不带：

JavaScript 数组声明时可以不跟长度

函数是由事件驱动的或者当它被调用时执行的可重复使用的代码块。

JavaScript 变量的生命期从它们被声明的时间开始。局部变量会在函数运行以后被删除。全局变量会在页面关闭后被删除。

<html>

<head>
<title> </title>
<style>
.lei{
color: #000;
}
</style>
</head>
<body>

<script type="text/javascript">
function myFunction(){
var x=document.getElementById("demo");
}
</script>
<input id="demo" type="text">
<button type="button" onclick="myFunction()">点击变颜色</button><br/>


<p class="test">原来是黑色的, 通过js变蓝</p>
<script type="text/javascript">
window.onload = function(){

var e = document.getElementsByClassName("test");
e[0].style.color = "blue";

}
</script>


<script type="text/javascript">
function test(){
alert(isNaN(2));
alert(isNaN(3.2));
alert(isNaN("2"));
alert("判断==========");
var a=0;
alert(a=2);
alert(a=="2");
alert(a==="2");
}
</script>
<p onclick="test()">isNaN判断是不是</p>



<script type="text/javascript">
function gaibian(){
document.getElementById('gai').innerHTML="我是改变后的值01";
document.getElementById('bian').innerHTML="我是改变后的值02";
</script>

<p id="gai">改变前01</p>
<div id="bian">改变前02</div>
<button type="button" onclick="gaibian()">点我改变</button><br/>


<script type="text/javascript">
function test02(){
var i,s,c;
i=5;
s=6;
c=8;
alert(i);
alert(s+c);
alert("2"+2);//字符串2 2
}
</script>
<input type = "button" value="变量的应用！" onclick="test02()"><br/>


<script>
var i ;
var canvas = new Array("Audi","BMW","Volvo");
for(i = 0;i<canvas.length;i++){
document.write(canvas[i]+"<br/>");
}
</script>


<script type="text/javascript">

document.write(Date())

</script><br/>


<button onclick = "cha()">今天星期几？</button>
<p id = "hao"></p>
<script>
function cha(){
var x;
var d = new Date().getDay();
switch(d){
case 0:
x = "今天星期天";
break;
case 1:
x = "今天星期一";
break;
case 2:
x = "今天星期二";
break;
case 3:
x = "星期三";
break;
case 4:
x = "今天星期四";
break;
case 5:
x = "今天星期五";
break;
case 0:
x = "今天星期六";
break;
default :
x="此日期不存在";
}
document.getElementById("hao").innerHTML=x;
}
</script>


<p id = "hao"></p>
<button onclick = "xun()">数组</button>

<script>
function xun(){
var mycars=new Array("Saab","Volvo","BMW");
document.getElementById("hao").innerHTML=mycars;
}
</script>


<p>定义对象</p>
<script>
person={firstname:"Bill",lastname:"gates",age:56,eyecolor:"blue"}

document.write(person.firstname + " is " + person.age + " years old.");
</script><br/>


<script type="text/javascript">
var str="i love you";
alert("i love you".length)
alert(str.length);
alert(str.indexOf("i "));
alert(str.replace("i","爱你"))
alert(str.search("yo"));
</script>


<script type="text/javascript">
function testE(){
var user = new Object();
user.userId="01";
user.username="zhangsan";
user.password="123456";
user.flag="0";

user.alertAll=function(){
alert("用户id为："+user.userId+"用户名："+user.username+"用户密码为："+user.password+"状态："+user.flag);
}
user.alertAll();
}
</script>

<button onclick="chuancan()">点这里传参</button>
<script>
function chuancan(){
alert(3+2);
}
</script>


<p>本例调用的函数会执行一个计算，然后返回结果：</p>

<p id="de"></p>

<script>
function myFunction(a,b)
{
return a*b;
}
document.getElementById("de").innerHTML=myFunction(4,3);
</script>


<p>点击下面的按钮来显示今天是周几：</p>
<button onclick="cha()">点击这里</button>
<p id="hd"></p>
<script>
function cha(){
var x;
var d = new Date().getDay();
switch(d){
case 0:
x = "星期天";
break;
case 1:
x = "星期一";
break;
case 2:
x = "星期二";
break;
case 3:
x = "星期三";
break;
case 4:
x = "星期四";
break;
case 5:
x = "星期五";
break;
case 0:
x = "星期六";
break;
default :
x="此日期不存在";
}
document.getElementById("hd").innerHTML=x;
}
</script>
</body>
</html>

阅读全文

0 0

2017.7.11学习记录 复习js第二天

2017.7.11学习记录复习js第二天