21天学会JavaScript之基础练习02

最新推荐文章于 2024-07-08 16:22:29 发布

xdmath

最新推荐文章于 2024-07-08 16:22:29 发布

阅读量834

点赞数

分类专栏：参考资料 JavaScript 文章标签： javascript button function input prototype string

本文链接：https://blog.csdn.net/xdmath/article/details/6972626

版权

参考资料同时被 2 个专栏收录

13 篇文章 0 订阅

订阅专栏

JavaScript

4 篇文章 0 订阅

订阅专栏

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

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

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

记得一定要插入body标签哦

2,然后插入按钮

<input id="button" type="button" οnclick="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" οnclick="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，返回是否是云年
这个题目说实话很简单的，昨天考查的是循环，今天主要是判断，我不知道题目的难度是应该难一点还是简单点，看各位看官反应了，希望留言给我，谢谢

xdmath

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
21天学会JavaScript之基础练习02

今天呢，给出上一篇的答案，关于上一篇请看http://blog.csdn.net/xdmath/article/details/6971857下面来说说昨天的题目，首先呢有两个问题1，怎样在网页插入一个文本，请看代码记得一定要插入body标签哦2,然后插入按钮这里onclick属性就是他的鼠标事件，按下按钮就会出发keypress这个函数，value就是按钮
复制链接

扫一扫