JavaScript_JavaScript的简介(alert)_书写规范_调错_console.log()_prompt_转义符_Unit_1;

Topic 1 . JavaScript的简介 :

JavaScript用来制作web页面交互效果,提升用户体验。

他可以做什么 :

轮播图 ,Tab栏(选项卡) , 地图 ,表单验证;

web前端的三层结构 :

w3c的规范:行内样式(淘汰)

结构层      HTML       从语义的角度,描述页面结构

样式层      CSS           从审美的角度,美化页面

行为层      JavaScript  从交互的角度,提升用户体验

注意 :

ECMAScript不是一门语言,而是一个标准。符合这个标准的比较常见的有:JavaScript、Action Script(Flash中用的语言)。

JavaScript是弱变量类型的语言,变量只需要用var来声明。Java,C#中变量的声明,变量是什么类型的就要有对应的关键字来声明 ,而JavaScript只有一个定义变量的关键字那就是: var ;

var a ;可以代替: int a; double a ;float a ;等等......

Topic 2 . JavaScript的书写规范 :

​​​放在head标签中如果没有style代码放在title标签下,如果有style,那么代码放在style下面。

还可以放在另外一个标签中  :body标签中,但是现在阶段的学习不要放在body中;

注意:

注意不存在javascript标签,只有<script>

alert( "这是我第一个JavaScript代码,想想还有点小兴奋呢!!!!");

效果:在页面上弹出一个提示框,提示信息从alert后面的引号中的文本来的。

alert() 方法用于显示带有一条指定消息和一个 OK 按钮的警告框。

注意:如果页面上出现弹出框以后,页面的位置不能改变,并且不能关闭。其实这个时候浏览器的进程已经被暂停了。

代码示例:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>我的第一个JavaScript</title>、
<style type="text/css">
	
</style>
	
<script type="text/javascript">
	alert( "这是我第一个JavaScript代码,想想还有点小兴奋呢!!!!");
</script>
</head>

<body>
</body>
</html>

网页示例:

注意 :

 这个<style>标签你注意要缩进的  如上图所示,你的老是没有缩进的,你要注意这一点;

注释和去掉注释的快捷键都是ctrl + / ;

JavaScript的注释是 //  如下图所示: 这个注释一行代码

注释多行代码/**/;

javascript代码虽然对空格,换行,缩进不敏感,但是在写的时候一定注意规范:

这样写页面报错了,就是因为我们的代码可以在结束部分不加分号,但是一定要加换行,如果加了分号,可以不换行。

建议大家在写代码的时候,既加上空格,也加上换行。使用代码的格式更加规范,可读性更强。

Topic 3 . 调错 :

右键---审查元素---有红叉---有错误---控制台---会有详细的错误的信息;

在控制台中,我们错误后面就是页面的右下角会有跳转到错误位置的地方;

他给你标识出哪一句是错误的;

Topic 4 . console.log("");  ,prompt :

One :

向浏览器的控制台中输出一句话。

作用:用来进行代码的调试。

应用:

百度的招聘信息:

Two :

prompt() 方法用于显示可提示用户进行输入的对话框。

网页示例:

Topic 5 . 直接量:

字符串:String

注意:js中字符串的引号既可以是单引号,也可以双引号。

Topic 6 . 转义符:

<!doctype html>
<html>
<head>
<meta charset="utf-8">
<title>直接量</title>
	<script type="text/javascript">
//		第一种输出一个双引号的方法;
		alert(' 我们怎么输出一个""号呢 ');
//		利用转译符来输出单引号和双引号
		alert("我想输出 \'\" ");
		
	</script>
</head>

<body>
</body>
</html>

常用的转义符:

\  

\’    :单引号

\”    :双引号

\t    :缩进

\n   :换行

猜你喜欢

转载自blog.csdn.net/qq_38053395/article/details/81271465
今日推荐