一、综合案例
案例：用js制作表格，实现隔行变色
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title><script type="text/javascript">
var str_head = '<table width="200px" height="1150px" rules="yes" cellspacing="0">'
var str_end = '</table>'
var str_content = ''
for(var n=1; n<=100; n++)
{
if(n%2 == 1)
{
str_content += '<tr bgcolor="pink"><td>1-1</td><td>1-2</td></tr>'
}
else
{
str_content += '<tr bgcolor="silver"><td>1-1</td><td>1-2</td></tr>'
}
}
var str = str_head + str_content + str_end
document.write(str)
</script></head>
<body></body>
</html>
故障案例：table的表格边框在火狐无法正常显示
-
解决方式1：不用table标签做边框，用div结合position进行页面布局
-
解决方式2：还是用table，同时结合css进行设置边
二、js的内置对象
1、类别
-
string对象
-
date对象
-
number对象
-
math对象
2、string对象
-
处理各种字符串操作
方法：
-
length：获取字符串长度【属性】
-
toLowerCase( )：将字符串中的全部的字母转换成小写【方法】
-
toUpperCase( )：将字符串中的全部的字母转换成大写【方法】
-
charAt( )：获得指定位置上的字符，位置编号是从0开，也就是0表示第一个字符，1表示第二个字符....
-
indexOf( )：查找字符串是否包含指定的内容，返回结果是指定的内容的位置编号
练 习 题（明天公布答案）
案例1：让用户输入姓名
-
如果用户输入了，就显示用户的名字
-
如果用户没有输入，就显示用户没有输入信息
案例2：让用户选择输入Y|N，要求无聊用户输入的是大写还是小写，都能正常判断
案例3：让用户进行输入，判断用户是否输入了内容
-
如果没有输入任何东西，提示你需要输入
-
如果输入了，判断第二个字符是否是字母c
案例4：让用户输入几个字符，将用户输入第一个字符转换成小写，然后将全部的内容显示出来
-
例如用户输入：adsfasd，要求输出结果是Adsfasd
案例5：判断用户输入的邮箱是否为合法
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
