您的位置：首页 > Web前端 > JavaScript

第一天学习javascript中遇到的容易忘记的知识点

2016-10-21 19:58 363 查看

document.getElementById("demo").innerHTML="新的内容";
//是将id=demo的内容覆盖掉，在id=demo的位置输出“新的内容”；

<input type="text" id="demo" />

<script >

var x= document.getElementById("demo").value;
//script用此方法获取id=demo的文本框输入的值

</script >

isNaN(x)； //判断x是否为非数字，是非数字返回true,否则返回flase

var person={ //对象由花括号分隔。在括号内部，对象的属性以名称和值对的形式 (name : value) 来定义。属性由逗号分隔：

firstname : "Bill",

lastname : "Gates",

id : 5566

};

var person；此时person为undefined

person=null; 此时person为null;

var people;

people==person; people为undefined，people为null,但是是相等的，所以返回true

在javaScript中，比较是否相等用"=="，不能用equals方法。

在javaScript中，函数的遍历使用for循环，不能使用foreach循环。

//下面这个是点击按钮生成一个表格。这是面试给我出的一道题，可以之前没有学过js，特别简单的都不知道怎么写，实在是惭愧！

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
<script>
function myFunction(){
var div1 = document.getElementById("div1");
var code="";
code +="<table border='1'>
<tr><th>姓名</th><th>性别</th></tr>
<tr><th>张三</th><th>男</th></tr>
<tr><th>李四</th><th>女</th></tr>
<tr><th>王五</th><th>男</th></tr></table>"
div1.innerHTML=code;
}
</script>
</head>
<div id="div1" > </div>
<button onclick="myFunction()">创建表格</button>
<body>
</body>
</html>

//判断两个输入框是否满足条件。

<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>无标题文档</title>
</head>

<body>
&l
4000
t;p> 请输数字</p>

<input type="text" id="demo" />
<input type="text" id="demo1" />
<script >
function myFunction(){
var x = document.getElementById("demo").value; //document.getElementById（id） id为了指明是哪一个文本框。
if(x==""||isNaN(x))
{
alert("demo输入错误，请重新输入");
}

var y = document.getElementById("demo1").value;
if(!isNaN(y))
{
alert("demo1输入错误，请重新输入");
}
}
</script>
<button type="button" onclick="myFunction()">点击这里</button> //onclick等于需要执行的js中的函数。

</body>
</html>

内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理

标签：

相关文章推荐

新的分享

章节导航