JS基础(一)

JS基础

  • JS的HelloWorld
  • JS代码编写位置
    • 标识符
    • 基础语法
    • 字面量和变量

JS的HelloWorld

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>HelloWorldtitle>
		
		<script type="text/javascript">
			/**
			 * 控制浏览器弹出一个警告框
			 * alert("这是一个警告框");
			 */
			alert("这是一个警告框!");
			/**
			 * 让计算机在页面中输出一个内容
			 * document.write()可以在body中输出一个内容
			 */
			document.write("让计算机在页面中输出一个内容!!!");
			/**
			 * 向控制台输出一个内容
			 * 
			 */
			console.log("向控制台输出一个内容");
			
		script>
	head>
	<body>
	body>
html>

JS代码编写位置

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		
		
		<script type="text/javascript" src="js/script.js">script>
		
		
		<script type="text/javascript">
			alert("我是script标签中的代码!");
		script>
	head>
	<body>
		
		
		<button onclick="alert('讨厌,你点我干嘛!');">点我一下button>
		
		
		<a href="../">超链接-你也点我一下a>
		<a href="javascript:alert('让你点你就点啊!!!');">超链接-你也点我一下a>
		<a href="javascript:;">点我一下a>
		<a href="HelloWorld.html">点我a>
	body>
html>

标识符

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>标识符title>
		<script type="text/javascript">
			
			/**
			 * 标识符:
			 * 		- 在JS中所有的可以由我们自主命名的都可以称之为标识符
			 * 		- 例如:变量名,函数名,属性名都属于标识符
			 * 		- 命名一个标识符需要遵守如下规则:
			 * 			1.标识符中可以含有字母、数字、_、$ 
			 * 			2.标识符不能以数字开头
			 * 			3.标识符不能是ES中的关键字或保留字
			 * 			4.标识符一般都采用驼峰命名法
			 * 				- 首字母小写,每个单子的开头字母小写,其余字母小写,
			 * 				helloworld,xxxYxxxZxxx
			 * 
			 * 		- JS底层保存标识符实际上是采用的Unicode编码
			 * 			理论上讲,所有utf-8中含有的内容都可以作为标识符
			 */

			 var name = $123;
			console.log(name);


		script>
	head>
	<body>
	body>
html>

基础语法

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<script type="text/javascript">
			
			/**
			 * 多行注释
			 * JS注释
			 * 多行注释,注释中的内容不容易被执行,但是可以在源码中查看
			 * 	要养成良好的注释习惯,也可以通过注释来对代码进行一些简单的调试
			 */
			//单行注释
			// alert("hello");
			document.write("hello");
			console.log("hello");//该语句用来在控制台输出一个日志
			
			/**
			 * 1.JS中严格区分大小写
			 * 2.JS中每一条语句以分号(;)结尾
			 * 		如果不写分号,浏览器会自动添加,但是会消耗一些系统资源,
			 * 			而且有些时候,浏览器会加错分号,所以在开发中分号必须写。
			 * 3.JS中会忽略多个空格和换行,所以我们可以利用空格和换行对代码进行格式化。
			 * 
			 */	
		script>
	head>
	<body>
	body>
html>

字面量和变量

DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title>title>
		<script type="text/javascript">
			
			/**
			 * 字面量,都是一些不可改变的值
			 * 		比如: 1 2 3 4 5
			 * 字面量都是可以直接使用的,但是我们一般都不会直接使用字面量
			 * 
			 * 变量:可以用来保存字面量,而且变量的值是可以任意改变的
			 * 		所以在开发中,我们都是使用通过变量去保存一个字面量的,
			 * 		而很少直接使用字面量
			 * 	x = 88287990898870897878
			 */
			alert(88287990898870897878);//字面量直接使用会非常的麻烦
			
			/**
			 * 声明变量:
			 * 		在JS中使用var关键字来声明一个变量
			 */
			var a;

			console.log(a);//undefined
			
			//为变量赋值
			a = 123;
			console.log(a); //123
			
			//声明和赋值同时进行
			var b = 2323;
			var c = 666;
			console.log(a,b,c);//123 2323 666
		script>
	head>
	<body>
	body>
html>

你可能感兴趣的:(笔记,前端,javascript,前端,开发语言)