21天学会JavaScript之基础练习02

来源：互联网发布：开淘宝要交保证金吗编辑：程序博客网时间：2024/04/29 19:33

今天呢，给出上一篇的答案，关于上一篇请看
http://blog.csdn.net/xdmath/article/details/6971857
下面来说说昨天的题目，首先呢有两个问题

1，怎样在网页插入一个文本，请看代码

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

记得一定要插入body标签哦

2,然后插入按钮

<input id="button" type="button" onclick="keyPress()" value="倒序">

这里onclick属性就是他的鼠标事件，按下按钮就会出发keypress这个函数，value就是按钮显示的值

input包含很多类型，如果在他的type属性定义类型就可以确定他是哪种了，而id属性就是他的编号了，代表他是谁

好了，这里html文件就基本好了，请看完整的代码

<!DOCTYPE html><html><head><meta charset=UTF-8"><script src="ex01.js"></script><title>ex01</title></head><body><input id="text"type="text"><input id="button" type="button" onclick="keyPress()" value="倒序"></body></html>

页面元素写好了，下一步就是js代码了

还是有三个问题

1，如何获取文本框的内容，请看代码

var s = document.getElementById('text').value；

这里document是js内置的类，可以直接使用，代表网页内的所有元素，getElementById方法就是获取元素，value就是元素的文本值
这个值就是一个字符串String

2，如何倒序s呢，我们这里写一个函数来实现这个功能，请看

String.prototype.reverse = function() {var str = "";for ( var j = this.length; j >= 1; j--) {str += this.substring(j - 1, j);}return str;}

写入内部累都需要用到prototype，大家应该注意到其实还用到了另外一个内置方法substring，他的作用是提取字符串中指定两个索引号之间的字符串

3，如何改写并输出呢，很简单，只要更改文本的value值就可以了，请看

document.getElementById('text').value = s.reverse();

完整的js代码如下

String.prototype.reverse = function() {var str = "";for ( var j = this.length; j >= 1; j--) {str += this.substring(j - 1, j);}return str;}var keyPress = function() {var s = document.getElementById('text').value;document.getElementById('text').value = s.reverse();}

下面附上明天的题
基础练习02
编写脚本实现以下功能
1，一个输入框一个按钮，和昨天一样
2，输入一个年份，例如2011
3，返回是否是云年
这个题目说实话很简单的，昨天考查的是循环，今天主要是判断，我不知道题目的难度是应该难一点还是简单点，看各位看官反应了，希望留言给我，谢谢