小试牛刀2：JavaScript基础题
JavaScript基础题
1、网页中有个字符串“我有一个梦想”，使用JavaScript获取该字符串的长度，同时输出字符串最后两个字。
答案：
<!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>js</title>
</head> <body>
<script type="text/javascript">
var str = "我有一个梦想";
len = str.length;
st = str.substr(4,2);
document.write("字符串长度为：" + len + "<br>" + "字符串最后两个字为：" +st);
</script>
</body>
</html>
结果：
*还可以通过字符串长度.length属性来动态截取字符串*：
<script type="text/javascript">
var str = "我有一个梦想";
st = str.substr(str.length-2,2);
document.write("字符串最后两个字为：" +st);
</script>
结果：
2、制作成绩输出表，判断学生的成绩是否大于60，是的话在页面中输出“你及格了”，不是的话则输出“你不及格”。
<!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>js</title>
</head> <body>
<script type="text/javascript">
function checktext() {
var str = document.getElementById("text").value;
if (str>60)
alert("你及格了");
else
alert("你不及格");
}
</script> 请输入成绩：<input type="text" id="text" />
<input type="button" onclick="checktext()" value="提交" />
</body>
</html>
结果：
3、输出九九乘法表
<!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>js</title>
</head> <body>
<script type="text/javascript">
var arr = new Array(new Array(),new Array(),new Array(),new Array(),new Array(),new Array(),new Array(),new Array(),new Array()); //定义二维数组
var i , j ; //i表示九九乘法表里的行，j表示列
for(j = 1 ; j <= 9 ; j++) {
for(i = 1 ; i <= 9 ; i++) {
if(j<=i)
arr[i-1][j-1] = i * j ;
}
}
for(i = 1 ; i <= 9 ; i++) {
for(j = 1 ; j <= 9 ; j++) {
if(j<=i)
document.write(" "+j+"*"+i+"="+arr[i-1][j-1]);
}
document.write("<br>");
}
</script>
</body>
</html>
效果：
4、页面中一个文本输入框，当该文本框获得焦点时，弹出一个窗口提示用户“你获得了文本框”；当文本框失去焦点时，弹出一个窗口提示用户“文本框失去了你“。
<!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>js</title>
</head> <body>
<input type="text" onfocus="alert('你获得了文本框')" onblur="alert('文本框失去了你')" />
</body>
</html>
效果:
注意：alert（）里面要用单引号，因为外面已经使用过双引号，如果继续使用双引号的话，提示框不会弹出
5、制作倒计时
eg：
<!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 language="JavaScript">
var nextYear = new Date("1/1/2016"); //nextYear为2016年元旦那一天
var nowDay = new Date(); //nowDay为当前的时间
var seconds = nextYear.getTime() - nowDay.getTime(); //seconds是现在距离元旦的毫秒数
var days = Math.floor(seconds/(1000*60*60*24));
if(days > 0) {
document.write("距离元旦还有"+days+"天！");
}
else if(days == 0) document.write("今天就是元旦哦！祝你元旦快乐！");
else document.write("元旦已经过了呀！");
</script>
</head> <body> </body>
</html>
效果：
（2015.12.8）
重要知识点：
（1）floor（）函数：其功能是“向下取整”，或者说“向下舍入”，即取不大于x的最大整数（与“四舍五入”不同，下取整是直接取按照数轴上最接近要求的值左边的值，也就 是不大于要求的值的最大的那个）。
（2）getTime() 方法：getTime() 方法可返回距 1970 年 1 月 1 日之间的毫秒数。两个指定时间的getTime()方法相减，得到的是这两个指定时间相距的毫秒数。
小试牛刀2：JavaScript基础题的更多相关文章
- 小试牛刀3之JavaScript基础题
JavaScript基础题 1.让用户输入两个数字,然后输出相加的结果. *prompt() 方法用于显示可提示用户进行输入的对话框. 语法: prompt(text,defaultText) 说明: ...
- javaScript基础题
1.介绍JavaScript的基本数据类型 Number.Boolean.String.underfind.null Object是JavaScript中所有对象的父对象 数据封装类对象:Object ...
- 一步步学习javascript基础篇（3）：Object、Function等引用类型
我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...
- JavaScript 基础阶段测试题
JavaScript 基础阶段测试题,试试你能得多少分? 一.选择题1.分析下段代码输出结果是( ) var arr = [2,3,4,5,6]; var sum =0; for(v ...
- javascript基础修炼(2)——What's this(上)
目录 一.this是什么 二.近距离看this 三. this的一般指向规则 四. 基本规则示例 五. 后记 开发者的javascript造诣取决于对[动态]和[异步]这两个词的理解水平. 一.thi ...
- JavaScript基础回顾一（类型、值和变量）
请看代码并思考输出结果 var scope = 'global'; function f(){ console.log(scope); var scope = 'local'; console.log ...
- 回归JavaScript基础（六）
主题:引用类型Date.RegExp的介绍. 上节主要主要介绍了Object.Array引用类型.这节将继续为大家介绍引用类型,并对书中的一些知识点进行总结与归纳,也借此巩固自己对JavaScript ...
- 44个 Javascript 变态题解析 (下)
承接上篇 44个 Javascript 变态题解析 (上) 第23题 [1 < 2 < 3, 3 < 2 < 1] 这个题也还可以. 这个题会让人误以为是 2 > 1 & ...
- 前端面试基础题：Ajax原理
Ajax 的原理简单来说是在⽤户和服务器之间加了—个中间层( AJAX 引擎),通过XmlHttpRequest 对象来向服务器发异步请求,从服务器获得数据,然后⽤ javascrip t 来操作 D ...
随机推荐
- BZOJ 1059 & 二分图匹配
题意: 判断一个黑白染色的棋盘能否通过交换行或列使对角线上都是黑色. SOL: 真是有点醉...这种问题要么很神要么很水...第一眼感觉很水但就是不造怎么做...想了10分钟怎么感觉就是判断个数够不够 ...
- 使用javamail发信过程中的一些问题及解决方法
http://www.blogjava.net/TrampEagle/archive/2006/05/26/48326.html 今天在研究javamail发信的过程中,出现了一些小问题,现总结如下, ...
- 最短路径dijkstra算法
畅通工程续 Time Limit: 3000/1000 MS (Java/Others) Memory Limit: 32768/32768 K (Java/Others)Total Submi ...
- 20145308刘昊阳 《Java程序设计》实验一 Java开发环境的熟悉 实验报告
20145308刘昊阳 <Java程序设计>实验一报告 实验名称 Java开发环境的熟悉 实验内容 使用JDK编译.运行简单的Java程序 2.使用Eclipse 编辑.编译.运行.调试J ...
- ACM: hdu 1811 Rank of Tetris - 拓扑排序-并查集-离线
hdu 1811 Rank of Tetris Time Limit:1000MS Memory Limit:32768KB 64bit IO Format:%I64d & % ...
- 【BZOJ】1108: [POI2007]天然气管道Gaz
题意 \(n\)个黑点\(n\)个白点(\(2 \le n \le 50000\)),需要一一配对,使得白点在黑点的右下角,且曼哈顿距离和最小.题目保证有解. 分析 考虑最优解,我们可以交换任意一个配 ...
- JS中常遇到的浏览器兼容问题和解决方法【转】
今天整理了一下浏览器对JS的兼容问题,希望能给你们带来帮助,我没想到的地方请留言给我,我再加上: 常遇到的关于浏览器的宽高问题: //以下均可console.log()实验 var winW=docu ...
- 升级WebService图形服务，将K10.2和K10.3写到一个类库，所有服务放在一个类库
问题描述: 平时负责电子政务和图形调用部分,凡是牵涉到图形的都需要调用WebService服务,因此很多工程都需要添加web服务引用,现在WebForm的工程一个是10.2版本,一个是10.3版本,区 ...
- - dequeueReusableCellWithIdentifier:
与之对应的还有一个方法: - dequeueReusableCellWithIdentifier:forIndexPath: 1 > - dequeueReusableCellWithIdent ...
- nfs基本配置
一.安装nfs: yum install nfs-utils rpcbind 创建共享目录:mkdir -p /XXX/export/ 修改配置文件:vim /etc/exports /XXX/exp ...