廊坊网站建设外包,施工企业汛期工作实施方案,怎么给网站添加统计代码,wordpress 开启维护如何回复程序员发来的短信#xff1a;Hello world
—hello nerd. 前言#xff1a; 大家好#xff0c;我是程序猿爱打拳。今天我给大家讲解的是初识JavaScript中基本组成成分、引入方法、输入输出语句#xff0c;并用源码与效果图的方式展示给大家。 目录
1.JavaScript组成… 如何回复程序员发来的短信Hello world
—hello nerd. 前言 大家好我是程序猿爱打拳。今天我给大家讲解的是初识JavaScript中基本组成成分、引入方法、输入输出语句并用源码与效果图的方式展示给大家。 目录
1.JavaScript组成
2.JavaScript代码初体验
3.JavaScript代码引入方式
3.1行内式
3.2.嵌入式
3.3.外链式
4.输入输出语句
4.1prompt()语句
4.2alert()语句
4.3document.write()语句
4.4console.log()语句
5.JavaScript注释
5.1单行注释
5.2多行注释 1.JavaScript组成
JavaScript由ECMAScript、DOM、BOM这三部分组成。 ECMAScript规定了JavaScript的编程语法与基础核心内容是所有浏览器都遵循的语法标准。DOM是万维网制定的用于处理HTML文档和XML文档的编程接口。BOM浏览器对象模型也是一套编程接口一般进行刷新页面、弹出警告框、跳转页面等。2.JavaScript代码初体验
在浏览器中输出Hello World。
!DOCTYPE html
htmlheadmeta charsetutf-8title/title/headbodyscript document.write(Hello World);/script/body
/html 显示结果 如何实现的下面我就来一一讲解。 3.JavaScript代码引入方式
首先在编写JavaScript代码时我们需要先引入JavaScript代码。有三种引入方式分别为行内式、嵌入式和外链式。 3.1行内式
行内式我们理解为直接在一行内进行编写例如我点击一个名为网站的链接打印出一个警告框提示本站为私人网站请自行离开。
a hrefjavascript:alert(此网站为私人网站请自行离开);网站/a 显示结果 注意
1.a/a标签是定义超链接用于从一张页面链接到另一张页面。
2.href 属性是 a/a标签的重要属性它指向的是链接的目标。 3.2.嵌入式
嵌入式我们理解为使用script/script标签包裹的JavaScript代码。例如我要编写一个提示框询问今天你过的开心吗
scriptprompt(今天你过的开心吗,yes);
/script 窗口显示为 注意
1.script/script标签为JavaScript主要标签script 标签用于定义客户端脚本也可以使用src属性实现外部链接。
2.prompt()语句为输入语句在浏览器中弹出输入框用户也可以输入内容。 3.3.外链式
将JavaScript代码单独写在一个后缀为.js的文件中然后在HTML页面中使用src属性来引入这个.js文件。就能实现外链式的用法一般当代码足够多时我们会用到该引入方式。
例如我在.js文件里面写入一句Hello World,并使用外链式在浏览器中显示出来
//.html文件下
script srcteset.js/script
//.js文件下
document.write(Hello World); 输出结果 注意
1.document.write()语句为输出语句用于在网页中输出内容。 4.输入输出语句
JS中的输入语句不同于C中的scanf和Java中SoutJS基本的输入输出语句对应下表
类型语句说明输入prompt()用于在浏览器中弹出输入框用户可以输入内容输出alert()用于浏览器中弹出警告框输出document.write()用于网页中输出内容输出console.log()用于在控制台中输出信息4.1prompt()语句
prompt语句使用效果就是在网页打开时弹出一个带有提示信息的输入框如提示今天你学习了吗
script prompt(今天你学习了吗);
/script 显示效果 如果你想让输入框有一个默认的值你可以在()里再用,号分割出另一段话如输入框默认显示学习了。当然这个默认的文字可以进行修改
script prompt(今天你学习了吗,学习了);
/script 显示效果 4.2alert()语句
alert语句我们在上面的行内式介绍中已经讲解到了使用alert与编写代码实现的效果是弹出一个警告框例如弹出一个不好好学习就找不到好offer的警告。
script alert(不好好学习就找不到好offer);
/script 显示效果 4.3document.write()语句
document.write语句会直接将你打出的内容显示在浏览器页面中默认为左上角显示。例如在页面显示我是帅哥。
script document.write(我是帅哥);
/script 显示效果 4.4console.log()语句
console.log语句就与上述几个语句有些许不同了它是在控制台中输出内容的。首先我们要先打开控制台查看控制台我们直接按F12即可。
不知有没有小伙伴在浏览网页时有没有不小心按到那个按键然后页面显示了一大堆看不懂的代码这就是你误按F12造成的结果。 言归正传例如我要使用console.log()语句在控制台中显示我今天好好学习了,我真棒
script console.log(我今天好好学习了我真棒);
/script 显示效果 5.JavaScript注释
JS分为两种注释方法分为单行注释与多行注释。 5.1单行注释
单行注释与C、Java中一样使用//来进行注释用法如下程序所示。
script console.log(我今天好好学习了我真棒);//在控制台输入文本信息
/script 5.2多行注释
多行注释我们以/*开头*/结尾。例如我写了一大串代码突然我不想用了我可以使用这种方式进行屏蔽。
script /*console.log(我今天好好学习了我真棒);alert(Hello World);document.write(输出内容);*/
/script
我们可以看到/**/内的内容都变成了灰色。当然你也可以使用Ctrl/来实现快速的屏蔽效果。 重点总结
1.JavaScript是由ECMAScript、DOM、BOM这三部分组成。
2.JavaScript代码引入方式有行内式、嵌入式、外链式三种引入方式。
3.输入语句为prompt()输出语句为alert()、document.write()、console.log()。
4.JavaScript区分大小写并且每一段程序结束时要加上;号这点和C语言、Java是一样的。
5.JavaScript输出内容时可以用英文双引号也可用英文单引号。 以上就是本次博文的全部内容感谢您的耐心阅读。 Never Give Up
