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基础题的更多相关文章

  1. 小试牛刀3之JavaScript基础题

    JavaScript基础题 1.让用户输入两个数字,然后输出相加的结果. *prompt() 方法用于显示可提示用户进行输入的对话框. 语法: prompt(text,defaultText) 说明: ...

  2. javaScript基础题

    1.介绍JavaScript的基本数据类型 Number.Boolean.String.underfind.null Object是JavaScript中所有对象的父对象 数据封装类对象:Object ...

  3. 一步步学习javascript基础篇（3）：Object、Function等引用类型

    我们在<一步步学习javascript基础篇(1):基本概念>中简单的介绍了五种基本数据类型Undefined.Null.Boolean.Number和String.今天我们主要介绍下复杂 ...

  4. JavaScript 基础阶段测试题

    JavaScript 基础阶段测试题,试试你能得多少分? 一.选择题1.分析下段代码输出结果是( )    var arr = [2,3,4,5,6];    var sum =0;    for(v ...

  5. javascript基础修炼(2)——What's this(上)

    目录 一.this是什么 二.近距离看this 三. this的一般指向规则 四. 基本规则示例 五. 后记 开发者的javascript造诣取决于对[动态]和[异步]这两个词的理解水平. 一.thi ...

  6. JavaScript基础回顾一（类型、值和变量）

    请看代码并思考输出结果 var scope = 'global'; function f(){ console.log(scope); var scope = 'local'; console.log ...

  7. 回归JavaScript基础（六）

    主题:引用类型Date.RegExp的介绍. 上节主要主要介绍了Object.Array引用类型.这节将继续为大家介绍引用类型,并对书中的一些知识点进行总结与归纳,也借此巩固自己对JavaScript ...

  8. 44个 Javascript 变态题解析 (下)

    承接上篇 44个 Javascript 变态题解析 (上) 第23题 [1 < 2 < 3, 3 < 2 < 1] 这个题也还可以. 这个题会让人误以为是 2 > 1 & ...

  9. 前端面试基础题：Ajax原理

    Ajax 的原理简单来说是在⽤户和服务器之间加了—个中间层( AJAX 引擎),通过XmlHttpRequest 对象来向服务器发异步请求,从服务器获得数据,然后⽤ javascrip t 来操作 D ...

随机推荐

  1. 使用CSS/JS代码修改博客模板plus

    之前对CSS/JavaScript了解还不深,只是把模板的CSS胡乱修改了几个属性.最近正好也在做一个网站的前端,学习了不少东西,再来改一改~ 上次最后之所以铩羽而归,是因为从CSS里找不到那些#和. ...

  2. ccc 碰撞初步

    cc.Class({ extends: cc.Component, properties: { }, // use this for initialization onLoad: function ( ...

  3. POJ2774 & 后缀数组模板题

    题意: 求两个字符串的LCP SOL: 模板题.连一起搞一搞就好了...主要是记录一下做(sha)题(bi)过程心(cao)得(dan)体(xin)会(qing) 后缀数组概念...还算是简单的,过程 ...

  4. HDU 2846 (AC自动机+多文本匹配)

    题目链接:http://acm.hdu.edu.cn/showproblem.php?pid=2846 题目大意:有多个文本,多个模式串.问每个模式串中,有多少个文本?(匹配可重复) 解题思路: 传统 ...

  5. Android 定位地理坐标体系

    参考: 中国特色 火星坐标 iOS 火星坐标相关整理及解决方案汇总 百度地图坐标转换API 地球坐标系 (WGS-84) 到火星坐标系 (GCJ-02)百度坐标系 (BD-09) 的转换算法 火星坐标 ...

  6. ACM 疯牛

    疯牛 时间限制:1000 ms  |  内存限制:65535 KB 难度:4   描述 农夫 John 建造了一座很长的畜栏,它包括N (2 <= N <= 100,000)个隔间,这些小 ...

  7. ACM: 限时训练题解- Travelling Salesman-最小生成树

    Travelling Salesman   After leaving Yemen, Bahosain now works as a salesman in Jordan. He spends mos ...

  8. 百度ueditor 拖文件或world 里面复制粘贴图片到编辑中 上传到第三方问题

    我这边从world 里面复制粘贴图片到编辑器中,它自动给我上传了,但是我是用的第三方的要设置一个token值,我找了很久,也没有找到应该在哪里设置这个上传的参数,如果是点击图片上传,我知道在dialo ...

  9. 初识GO语言——安装Go语言

    本文包括:1)安装Go语言.2)运行第一个Go语言.3)增加vim中对Go语言的高亮支持. 1.安装Go语言 本文采用源码安装Go语言,Go语言的源代码在百度网盘 http://pan.baidu.c ...

  10. webservice的Axis2入门教程java版

    本文转自百度文库 Axis2是一套崭新的WebService引擎,该版本是对Axis1.x重新设计的产物.Axis2不仅支持SOAP1.1和SOAP1.2,还集成了非常流行的REST WebServi ...