您的位置:首页 > 科技 > 能源 > JavaScript基础

JavaScript基础

2024/10/6 20:30:15 来源:https://blog.csdn.net/m0_68823256/article/details/142186548  浏览:    关键词:JavaScript基础

一:基础

1:JavaScript在前端的三层中处理行为任务。

2:是一门运行在浏览器端的脚本语言,在浏览器就可以直接运行。

可以如图在浏览器直接运行js的代码。 

JavaScript的代码可以写在<script></script> 标签下,如下:

运行后将弹出窗口,输出提示消息。

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>基础</title></head><body><script>alert("看我从哪里出来~~~");</script></body>
</html>

二:编写的位置 

1:可以编写到script标签中
<script type="text/javascript">
//在此处编写js代码
</script
2:可以将代码编写到外部的后缀名为.js的文件中,然后通过标签将其引入 (结构与行为解耦,推荐使用)。 

<script type="text/javascript" src="文件路径"></script>
<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>基础</title></head><body><script type="text/javascript" src="my.js"></script></body>
</html>

 my.js中的代码如下:

alert("弹出提示")

重要说明:script一旦引用外部文件,内部就不能写代码了,就算引 用,也不起作用。 

3:可以编写到标签的指定属性中,但是不推荐这种写法。
<button onclick="alert('hello');">我是按钮</button>

三:输出语句 

1:使用alert语句,在浏览器弹出一个警示窗口。

<script>alert("要输出的内容");
</script>

2:使用document.write,可以在浏览器中输出内容。

document.write("这是document.write输出的内容")

        3:使用cosole.log开发者工具的控制台中。

console.log("控制台输出")

四:基本语句

1:js的注释

注释中的内容不会被执行,但可以源代码查看

        多行注释:/* 注释内容 */

        单行注释://

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>基础</title><style>body {background-color: yellowgreen;}</style></head><body><script>/*这是注释的内容多行注释*///单行注释</script></body>
</html>

<!DOCTYPE html>
<html><head><meta charset="utf-8"><title>基础</title><style>body {background-color: yellowgreen;}</style></head><body><script>// console.log("控制台输出")</script></body>
</html>

如上: console.log("控制台输出")语句被注释掉了,将不会执行。

2:字面量和变量 

        字面量实际上就是一些固定的值,如 1、2、3、4、true、false、 null、NaN、"hello"。

        字面量都是不可以改变的。

        由于字面量不是很方便使用,所以在JS中很少直接使用字面量。

3:变量

        变量可以用来保存字面量,并且可以保存任意的字面量 一般都是通过变量来使用字面量,而不直接使用字面量,而且也可 以通过变量来对字面量进行一个描述。

        (1:声明变量

                JavaScript是一门弱类型的语言,和强类型语言有所不同的是,在声明变量的时,不需要特定的强调变量的类型。

var a;
var b;
var c;
var d,e,f;//连续声明多个变量,用逗号隔开。

        (2):为变量赋值

var a;
var b;
var c;
a = 1;
b = 2;
c = 3;
var aaa='你好';
var f=666,g=777;

五:标识符

在js中所有可以由我们自主命名的都可以称为标识符,如变量名,函数 名,属性名等。

标识符命名规则:

(1)标识符中可以含有字母、数字、下划线、$。

var str_1 = "hello"
var str_$ = "hello"

以下为错误的写法:

var str-1 = "hello"

(2)标识符不能以数字开头

下面这种的写反是错误的。

var 1str = "hello"

(3)标识符不能是js中的关键字或保留字。 JavaScript 保留关键字

(4)一般采用驼峰命名法(Camel-Case),第一个单词首字母小写, 其余单词首字母大写。 

var userName = "hello"

版权声明:

本网仅为发布的内容提供存储空间,不对发表、转载的内容提供任何形式的保证。凡本网注明“来源:XXX网络”的作品,均转载自其它媒体,著作权归作者所有,商业转载请联系作者获得授权,非商业转载请注明出处。

我们尊重并感谢每一位作者,均已注明文章来源和作者。如因作品内容、版权或其它问题,请及时与我们联系,联系邮箱:809451989@qq.com,投稿邮箱:809451989@qq.com