web前端日程更新 7.27

最新推荐文章于 2024-06-02 20:45:59 发布

呵呵＆

最新推荐文章于 2024-06-02 20:45:59 发布

阅读量79

点赞数 1

文章标签：前端 javascript html

本文链接：https://blog.csdn.net/m0_72174649/article/details/126021062

版权

初次学习javascript的感受，总体就是很难，也很难理解，一时半会很难琢磨透，得下苦功夫去学习。不然会落后一大截，说多也没有，还是得靠自己，那下面分享的就是学习的内容：

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>js基本使用方式</title>
		
		<!-- <script type="text/javascript">
			// js代码
		   alert("hello")	
		</script> -->
		
	</head>
	<body>
		<!-- 
			1.内嵌式   可以将js代码书写在页面的额任意位置  head body
			2.外链式   以独立的js文件进行代码的编写
			3.行内式  将js代码直接书写在标签内部
		 -->
		<a href="http://www.baidu.com">点击1</a>
		<!-- 行内式 -->
		<a href="javascript:alert('hello javascript');">点击2</a>
		<button type="button" onclick="alert('hello javascript2')">普通按钮</button>
		
		
		<!-- 1.内嵌式 -->
		<script type="text/javascript">
			// js代码
		   alert("hello")	
		</script>
		
	</body>
</html>

《js外部引入方法》
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>引入外部的js文件</title>
		<!-- 引入外部js文件 -->
		<script type="text/javascript" src="js/my.js">
		// 标签内部不要再编写js代码  如果需要编写js代码  请创建新的script标签
		</script>
		
		<!-- 编写内嵌js代码 -->
		<script type="text/javascript">
		</script>
	</head>
	<body>
		
	</body>
</html>

《js的输入和输出方式》
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<!-- 输入方式 -->
		<script type="text/javascript">
		
			// 弹出输入框   确定 和  取消 
			window.prompt("请输入您的年龄")
			
			
		/* 
			js的输出方式
			1.alert()  警告窗   阻塞
			2.console.log()  推荐
			3. document.write()  输出数据到网页
		 */
		
		//alert()
		 // window.alert("hello alert")
		 
		 // 控制台 
		 // console.log("hello console");
		 
		 //输出数据到网页
		 // document.write("hello document")
		 
		</script>
		
	</body>
</html>

《jS中变量的使用》
<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		
		<!-- 
			变量： 可以存储临时数据    数据持久化 -> 数据库  mysql
			
				定义：指代计算机中的一段内存空间  
				
			使用步骤：
				1.  变量的声明   开辟内存空间
				2.  变量赋值    向内存空间中存储数据
				3. 使用变量     使用变量进行业务逻辑的编写
				
			便于程序员 进行变量的使用 可以给变量定义别名 -> 变量名
			
			变量名的命名规则： 符合标识符的命名规则
			  1.变量名可以由 数字  字母 下划线 $ 元素组成
			  2.不以数字开头  a1  
			 3. 不能使用关键字和保留字   var   for  if  class
			 4. 变量名要见名知意
			 5. 驼峰命名   大驼峰 每个单词的首字母都要大写 StudentName   小驼峰  第一个单词的首字母小写其余首字母大写  studentName  name
			 
		 -->
		 
		 <script type="text/javascript">
		 
		 	//变量的声明   var  变量名
			var  age;
			//变量赋值
			age = 20;
			// 使用
			console.log("age="+age);
			
		 // 变量定义的简写形式
		 var number = 10;
		 console.log("number="+number);
		 
		 // 改变变量中的值
		 age = window.prompt("请输入您的年龄")
		 //  输出用户输入的年龄
		 console.log("age="+age);
		
			
			
			
		 </script>
	</body>
</html>