javaScript复习

最新推荐文章于 2024-07-19 12:58:53 发布

m0-0m

最新推荐文章于 2024-07-19 12:58:53 发布

阅读量110

点赞数

文章标签： javascript

本文链接：https://blog.csdn.net/m0_49935332/article/details/114590493

版权

JavaScript_1

1.javaScript的简单介绍【javaScript是什么？】

javaScript----是一种面向对象的脚本语言。

面向对象是一种编程思想，看不见摸不着，只能体会，用实际行动来证明。

面向对象这种编程思想是对面向过程的思想的升华。

面向过程的思想

例如:今天早上我要从凤栖原到电视塔。

面向过程的思想就是需要将沿途经过的地方保存下来，这些地方连接在一起就形成了过程。

面向过程的思想----C语言【指针】

面向对象的思想就是只需要知道开始和结束位置就可以，至于中间是如何完成的不需要关注。开始和结束位置就是对象。

面向对象的思想---java、 C#

脚本---写好的程序不需要中间转换，就能立即在运行环境中运行。javaScript，SQL

2.javaScript的作用？

1.为html网页提供动态效果【特效】。

2.完成与后台处理程序的数据交互。【1.发请求{要} 2.处理数据】

简单的具体操作:

1.直接向html文件中写出标记和内容。

2.对事件的反应

3.改变 HTML 内容

4.改变 HTML 图像

5.改变 HTML 样式

6.验证输入

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>关于javascript的简单操作</title>
		<style>
			#img2{
				display: none;
			}
		</style>
	</head>
	<body>
		<h1>1.直接向html文件中写出标记和内容</h1>
		<script>
			document.write("<h2>测试直接向html文件中写出标记和内容</h2>");
		</script>
		<h1>2.对事件的反应</h1>
		<input type="button" value="测试按钮" onclick="alert('请揍我!');"/><br>
		<h1>3.改变 HTML 内容</h1>
	    <p id="p1">Hello</p>
		<script>
			function myclick(){
				document.getElementById("p1").innerHTML="你好！";
			}
		</script>
		<input type="button" value="改变 HTML 内容" onclick="myclick();"/><br>
		<h1>4.改变 HTML 图像</h1>
		<img id="img1" src="imgs/close.png" width="100px" height="200px"/>
		<script>
			function mytestimg(){
				var butObject=document.getElementById("but1");
				var imgObject=document.getElementById("img1");
				var testValue=butObject.value;
				if(testValue=="打开"){
					imgObject.src="imgs/open.png";
					butObject.value="关闭";
				}
				if(testValue=="关闭"){
					imgObject.src="imgs/close.png";
					butObject.value="打开";
				}
			}
		</script>
		<input id="but1" type="button" value="打开" onclick="mytestimg();"/><br>
		<h1>5.改变 HTML 样式</h1>
		<img id="img2" src="imgs/timg.jpg" width="200px" height="200px"/>
		<script>
			function mytestcss(){
				var butObject=document.getElementById("but2");
				var testValue=butObject.value;
				if(testValue=="显示"){
					document.getElementById("img2").style.display="block";
					butObject.value="隐藏";
				}
				if(testValue=="隐藏"){
					document.getElementById("img2").style.display="none";
					butObject.value="显示";
				}
			}
		</script>
		<input id="but2" type="button" value="显示" onclick="mytestcss();"/><br>
		<h1>6.验证输入</h1>
		<input id="text1" type="text" /><span id="span1"></span><br>
		<script>
			function  getMSGCode(){
				var text1Object=document.getElementById("text1");
				var span1Object=document.getElementById("span1");
				var telNumber=text1Object.value;
				//正则表达式
				var zhengze= /^1\d{10}$|^(0\d{2,3}-?|\(0\d{2,3}\))?[1-9]\d{4,7}(-\d{1,8})?$/;
				//null--javascript一种数据类型
				var jieguo=zhengze.test(telNumber);
				if(jieguo){
					text1Object.value="123456";
				}else{
					span1Object.innerHTML="手机号码不合法!";
					text1Object.value="";
				}
			}
		</script>
		<input id="but3" type="button" value="获取短信验证码" onclick="get

最低0.47元/天解锁文章

m0-0m

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
javaScript复习

JavaScript_1 1.javaScript的简单介绍【javaScript是什么？】 javaScript----是一种面向对象的脚本语言。面向对象是一种编程思想，看不见摸不着，只能体会，用实际行动来证明。面向对象这种编程思想是对面向过程的思想的升华。面向过程的思想例如:今天早上我要从凤栖原到电视塔。面向过程的思想就是需要...
复制链接

扫一扫