JavaScript笔记

JavaScript编程语言

JavaScript,简称JS,是一种客户端脚本语言,主要用来向HTML网页添加各式各样的动态功能,为用户提供更流畅美观的浏览效果。

可以直接嵌入HTML页面,但写成单独的js文件有利于结构和行为的分离。

在绝大多数浏览器的支持下,可以在多种平台下运行(如WindowsLinux、Mac、Android、iOS等)

JS主要运行于客户端(浏览器),也可以运行在服务端(操作系统)

JavaScript 和 Java 是两种不同的编程语言:JavaScript主要用于客户端,Java用于服务端。

JavaScript和HTML、CSS

  1. HTML:提供网页的结构,提供网页中的内容

  2. CSS: 用来样式排版、美化网页

  3. JavaScript: 可以用来控制网页内容,给网页增加动态的效果

JavaScript特点

1.浏览器的脚本语言 可以跟html代码混排
2.跨平台
3.安全性好
4.兼容性

JavaScript作用

1.可以用来做页面特效
	例如:电商平台上的图片来回切换等等
2.可用来做前端的表单验证
	例如:前端验证码验证

JavaScript基本语法

JavaScript使用场景
<!DOCTYPE html>
    <html>
        <head>
            <meta charset="utf-8">
            <title>JS基本使用</title>
        </head>
        <body>
            <h1>JS的使用方式一</h1>
            <script type="text/javascript">
                //JS代码
                alert('好好学习');//页面弹框显示 好好学习
            </script>
            
            <h1 id="1">JS的使用方式二</h1>
            <script type="text/javascript" src="./1.js"></script>
            <!-- 
				引入的js文件代码
    			alert('好好学习'); //页面弹框显示 好好学习 
			-->
            
            <h1 id="1" onclick="alert('点我干啥')">JS的使用方式三</h1>
             <!-- (事件方式)点击文字弹窗 点我干啥-->
			
            <a href="javascript:alert('我不是超链接')">JS使用方式四</a>
			<!-- (a标签方式)点击文字弹窗 我不是超链接-->
        </body>
    </html>

变量名声明
字母数字下划线
注意:
		首字母不能为数字
		严格区分大小写
		且不能使用关键字
注释:
	单行注释  //           多行注释 /**/            分隔符 ;
<script>
	var str = 100;//定义变量str 赋值为100
	alert(str);//弹框显示100
	var STR = 200;
	alert(STR);
	var _str1 = 300;
	alert(_str1);
	var one_two = 400;
	alert(one_two);
	//错误变量定义
	var 111 = 200; //定义变量111 赋值200
	alert(111); //变量定义错误,不会弹框
    var if = 100; //定义变量if 赋值200
    alert(if);  //变量定义错误,关键字不能作为变量名,不会弹框
</script>

输出值的三种方式:
	<script>
		var str = 10;
        //第一种输出-弹框
        alert(str);
        //第二种输出-页面打印
        documnet.write(str);
        //第三种输出方式-控制台输出
        console.log(str);
        //输出数据类型
        console.log(typeof(str));
	</script>

常见变量类型:
	string(字符串类型):
		字符型的值需要加引号
		例如:var str = 'aa';   var str1 = "上午好" ;
	<script type="text/javascript">
		var str = '100';
         var str = 'aa'
		console.log(str);	
		console.log(typeof(str));
	</script>
	boolean(布尔类型):
		true 或 false
		例如:var bool = true;  var bool = false;
	<script type="text/javascript">
		var bool = true;
         var bool = false;
		console.
  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 1
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 1
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值