既然我们的CSS就必须要要放再专门的style标签内那么javascript也需要放在子级的标签内，那就是script标签内

在页面中，我们可以在body标签中放入<script type=”text/javascript”></script>标签对儿，<script type=”text/javascript”></script>标签对儿

我们可以直接定义在body中也可以定义在heard中不过一般的都是定义在heard中的

<script type="text/javascript">

</script>

alert语句：

我们可以理解位是javascript的输出框因为不同语言有不同的输出这个可以理解位javascript的输出

    <script type="text/javascript">

        alert('大哥哥');

    </script>

alert（英文翻译为“警报”）的用途：弹出“警告框”。

语法规则：

变量的命名：

javascript定义变量是需要在变量前加入var的

var a =666;

这个和解释性语言一样定义变量都是要在前面加上你要定义的变量的一些特别的类型或者指定的形势

定义变量一般用var let来定义变量的在变量的前面加上 var或者let

//定义变量a和变量b

var a = 3

let b = 4

变量的命名规范

变量名有命名规范：只能由英语字母、数字、下划线、美元符号$构成，且不能以数字开头，并且不能是JavaScript保留字。

学习程序是有规律可循的就是程序是有相同的部分的这些部分就是一种规定不能更改，我们称为语法。

javascript不同于python而是像其他语言的以{}来进行区分的，然后它的结束也是要靠;分号来区分的

1）JavaScript对换行、缩进、空格不敏感。

备注：每一条语句末尾要加上分号，虽然分号不是必须加的，但是为了程序今后要压缩，如果不加分号，压缩之后将不能运行。

3）JavaScript的注释：

　单行注释：

// 我是注释

　　多行注释：　

/*

    多行注释1

    多行注释2

*/

备注：sublime或者pycharm中，单行注释的快捷键是ctrl+/，多行注释的快捷键是ctrl+shift+/。

JavaScript在网页中输出信息的写法

弹出警告框：alert("")

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

console.log("")表示在控制台中输出。console表示“控制台”，log表示“输出”。

控制台在Chrome浏览器的F12中。控制台是工程师、程序员调试程序的地方。程序员经常使用这条语句输出一些东西，来测试程序是否正确。

//es6的语法 模板字符串 `` tab键上面的键 插变量使用${变量名}
console.log(`${first}爱${second}你`);

console.log(parseInt("2018你真帅！！"));

（2）所有的符号，都是英语的。比如括号、引号、分号。

用户输入：prompt()语句

prompt()语句中，用户不管输入什么内容，都是字符串。

prompt()就是专门用来弹出能够让用户输入的对话框。

他就相相当于python中的input的作用一样

下面就是这样

代码如下：

    <script type="text/javascript">

        a = prompt();

        console.log(a);

    </script>

然后你再你的F12中的console中可以看到你输入的信息

javascript的内接外接样式：

    <title>Document</title>

    <style>

        div{

            height:100px;

            width:100px;

            background-color: red;

        }

    </style>

</head>

<body>

<div onclick = 'alert(111);'>

</div>

</body>

效果：

当你点击div生成的红色块之后就会显示弹出一个显示框

外接样式就是写在了heard中的样式，

    <title>Document</title>

    <style>

        div{

            height:100px;

            width:100px;

            background-color: red;

        }

    </style>

    <script type="text/javascript">

        alert(111);

    </script>

</head>

<body>

<div>

</div>

</body>

效果都是一样的，就是你要在heard中定义script中定义一个可以接收javascript中的内容的标签

alert和prompt的区别：

alert("从前有座山");                //直接使用，不需要变量

var a = prompt("请输入一个数字");   // 必须用一个变量，来接收用户输入的值

直接量：数字和字符串

“直接量”即常量，也称为“字面量”。看见什么，它就是什么。

简单的直接量有2种：数字、字符串。

（1）数值的直接量的表达非常简单，写上去就行了，不需要任何的符号。例如：

alert(886);  //886是数字，所以不需要加引号。

（2）字符串也很简单，但一定要加上引号。可以是单词、句子等。

变量的类型

变量里面能够存储数字、字符串等。变量会自动的根据存储内容的类型不同，来决定自己的类型。

数值型 number：

如果一个变量中存放了数字那么这个变量就是数值型的

<script type="text/javascript">
    alert(111);
    let a = 345;
    console.log( typeof a);

</script>

从F12中查看的console

typeof()表示

它和python查找数据类型的差不都就是

typeof()表示“获取变量的类型”，语法为：

typeof 变量

在JavaScript中，只要是数，就是数值型(number)的。无论整浮、浮点数（即小数）、无论大小、无论正负，都是number类型的。

字符串型：string

    <script type="text/javascript">

        alert(111);

        let a = 345;

        console.log( typeof a);

        lec a = "abcde";

        var b ='你好';

        var e ='哈哈哈';

        consloe.log( typeof a ,b, c);

        // console.log(typeof b);

        // console.log(typeof c);

    //console.log()不能一次打印所有的 必须要 一次一次的输出

    </script>

</head>

<body>

<div>

</div>

</body>

连字符和加号的区别

键盘上的+可能是连字符，也可能是数字的加号。如下：

   console.log("我" + "爱" + "你");   //连字符，把三个独立的汉字，连接在一起了

    console.log("我+爱+你");           //原样输出

    console.log(1+2+3);             //输出6

总结：如果加号两边都是数值，此时是加。否则，就是连字符（用来连接字符串）。

变量值的传递（赋值）

语句：

   a = b;

把b的值赋给a，b不变。

将等号右边的值，赋给左边的变量；等号右边的变量，值不变。

举个特殊的例子：

        var a = "3";

        var b = 2;

        console.log(a-b);

效果：（注意，字符串 - 数值 = 数值）

变量格式转换

用户的输入

我们在上面的内容里讲过，prompt()就是专门用来弹出能够让用户输入的对话框。重要的是：用户不管输入什么，都是字符串。

`parseInt()`：字符串转数字

parseInt()可以将字符串转数字。parse表示“转换”，Int表示“整数”（注意Int的拼写）。例如：

字符串转数字的方法：

 parseInt(“5”);

parseInt()还具有以下特性：

（1）带有自动净化的功能；只保留字符串最开头的数字，后面的中文自动消失。例如：

console.log(parseInt("2018你真帅！！");

（2）自动带有截断小数的功能：取整，不四舍五入。

var a = parseInt(5.8) + parseInt(4.7);

console.log(a);

 var a = parseInt(5.8 + 4.7);

 console.log(a);

第一个JavaScript代码的更多相关文章

python 全栈开发，Day50(Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏)
一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...
前端JavaScript(1) --Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏
一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...
02 我的第一个Javascript代码
02-第一个JavaScript代码在页面中,我们可以在body标签中放入<script type=”text/javascript”></script>标签对儿,< ...
02-第一个JavaScript代码
在页面中,我们可以在body标签中放入<script type=”text/javascript”></script>标签对儿,<script type=”text/ja ...
警惕javascript代码中的“</script>”！
之前在写<博客园自定义博客侧边栏公告的过滤漏洞>的时候遇到了一个javascript代码报错“语法错误”的问题,一直不得以解决,感谢Arliang发现了并为我进行了耐心的解释,现整理如下: ...
JAVA中执行JavaScript代码并获取返回值
JAVA中执行JavaScript代码并获取返回值场景描述实现思路技术要点代码实现测试方法运行结果改进空间场景描述今天在CSDN上偶然看到一个帖子对于一段字符串 “var p=‘xx ...
JavaScript 代码执行顺序
一.先预处理后执行在一个JavaScript文件或一个JavaScript代码块的内部,浏览器会先对代码进行预处理(编译),然后再执行. 预处理会跳过执行语句,只处理声明语句,同样也是按从上到下按顺 ...
意外作出了一个javascript的服务器,可以通过js调用并执行任何java(包括所有java 内核基本库)及C#类库,并最终由 C# 执行你提交的javascript代码! 不敢藏私,特与大家分
最近研发BDC 云开发部署平台的数据路由及服务管理器意外作出了一个javascript的服务器,可以通过js调用并执行任何java(包括所有java 内核基本库)及C#类库,并最终由 C# 执行你提 ...
只有20行Javascript代码！手把手教你写一个页面模板引擎
http://www.toobug.net/article/how_to_design_front_end_template_engine.html http://barretlee.com/webs ...

随机推荐

MySQL3534
1.mysqld install 2.mysqld --initialize-insecure自动生成无密码的root用户 3.mysql -uroot即可登录
PHP 浮点数转化整数方法对比 ceil，floor，round，intval，number_format
ceil,floor,round,intval,number_format - 执行1000W此效率对比 Header("Content-Type:text/html;charset=utf ...
时间格式为yyyymmdd的String类型的时间，计算时间间隔有错误
时间格式类型为yyyymmdd,并且为String类型,计算时间间隔有误,一直搞不清楚是什么原因.网上百度了许多,时间格式基本都是yyyy-mm-dd这样的时间格式的,但是yyyymmdd这样的时间格 ...
JavaScript数据结构-15.二叉树
<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title> ...
利用 ICEpdf 快速实现 pdf 文件预览功能
之前工作中,需要实现一个在线预览pdf的功能,一开始用的的 jQuery-media 插件来实现的,后来感觉有点慢,就继续寻找更好的替代品,直到遇见了 ICE pdf... ICEpdf (官网:ht ...
闲话handle和handler
虽然handle和handler只有一个字符之差,但在计算机的世界里,含义却大相径庭. 1. 先说说handle 北京话说"一边儿玩儿去,玩勺子把儿去","勺子把儿&qu ...
Nginx教程(7) 正向代理与反向代理【总结】
1.前言最近工作中用到反向代理,发现网络代理的玩法还真不少,网络背后有很多需要去学习.而在此之前仅仅使用了过代理软件,曾经为了访问google,使用了代理软件,需要在浏览器中配置代理的地址.我只知道 ...
linux ssh 免密码登录的配置过程
# ssh-keygen -t rsa -C "自定义描述" -f ~/.ssh/自定义生成的rsa文件 # cd ./.ssh # touch config # 粘贴 Host ...
【angular5项目积累总结】遇到的一些问题以及解决办法
1.项目中字符串特别是\r\n,替换成br之后,在页面换行无法生效? 答:绑定元素 innerHTML. <div class="panel-body" [innerHTML ...
laravel5.4学习--laravel目录结构
Laravel目录结构分析 app目录:主要是存放自己开发的应用代码(里面主要书写控制器和模型和路由文件) bootstrap目录:laravel启动目录 config目录:主要是存放配置文件信息 ...

第一个JavaScript代码

alert语句 ：