既然我们的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代码的更多相关文章

  1. python 全栈开发，Day50(Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏)

    一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...

  2. 前端JavaScript(1) --Javascript简介,第一个JavaScript代码,数据类型,运算符,数据类型转换,流程控制,百度换肤,显示隐藏

    一.Javascript简介 Web前端有三层: HTML:从语义的角度,描述页面结构 CSS:从审美的角度,描述样式(美化页面) JavaScript:从交互的角度,描述行为(提升用户体验) Jav ...

  3. 02 我的第一个Javascript代码

    02-第一个JavaScript代码   在页面中,我们可以在body标签中放入<script type=”text/javascript”></script>标签对儿,< ...

  4. 02-第一个JavaScript代码

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

  5. 警惕javascript代码中的“</script>”！

    之前在写<博客园自定义博客侧边栏公告的过滤漏洞>的时候遇到了一个javascript代码报错“语法错误”的问题,一直不得以解决,感谢Arliang发现了并为我进行了耐心的解释,现整理如下: ...

  6. JAVA中执行JavaScript代码并获取返回值

    JAVA中执行JavaScript代码并获取返回值 场景描述 实现思路 技术要点 代码实现 测试方法 运行结果 改进空间 场景描述 今天在CSDN上偶然看到一个帖子对于一段字符串 “var p=‘xx ...

  7. JavaScript 代码执行顺序

    一.先预处理后执行 在一个JavaScript文件或一个JavaScript代码块的内部,浏览器会先对代码进行预处理(编译),然后再执行. 预处理会跳过执行语句,只处理声明语句,同样也是按从上到下按顺 ...

  8. 意外作出了一个javascript的服务器,可以通过js调用并执行任何java(包括 所有java 内核基本库)及C#类库,并最终由 C# 执行你提交的javascript代码! 不敢藏私,特与大家分

    最近研发BDC 云开发部署平台的数据路由及服务管理器意外作出了一个javascript的服务器,可以通过js调用并执行任何java(包括 所有java 内核基本库)及C#类库,并最终由 C# 执行你提 ...

  9. 只有20行Javascript代码！手把手教你写一个页面模板引擎

    http://www.toobug.net/article/how_to_design_front_end_template_engine.html http://barretlee.com/webs ...

随机推荐

  1. javascript中的抽象相等==与严格相等===

    1.数据类型:String,Number,Boolean,Object,Null,Undefined 2.抽象相等:x==y A.两者数据类型相同:typeof x == typeof y a.Str ...

  2. 【Qt开发】常用控件--QLineEdit

    QLineEdit是单行文本编辑控件.比如用户名,密码等输入框可以使用该控件. 所属头文件<QLineEdit> 常用方法 1.void setText(const QString &am ...

  3. python-tornado-hello,world

    #!/usr/bin/python import tornado.httpserver import tornado.ioloop import tornado.options import torn ...

  4. Cygwin、Msys、MinGW、Msys2的区别与联系(转)

      网上有很多文章讲它们之间的区别与联系,初学者看的一头雾水,在知乎上看到这篇文章讲的很清楚,容易理解. 在讲区别联系之前,我们先看一下这几个东东的前世今生. Cygwin,原 Cygnus 出品(已 ...

  5. OpenStack 组成 架构

    Components of OpenStack OpenStack is on a mission: to provide scalable, elastic cloud computing for ...

  6. 如何在 Azure 中创建 ASP.NET Web 应用

    Azure Web 应用提供高度可缩放.自修补的 Web 托管服务. 本快速入门演示如何将第一个 ASP.NET Web 应用部署到 Azure Web 应用中. 完成后,便拥有了一个资源组,该资源组 ...

  7. 【转载】 历届Turing奖得主名单

    Turing奖最早设立于1966年,是美国计算机协会在计算机技术方面所授予的最高奖项,被喻为计算机界的诺贝尔奖.它是以英国数学天才Alan Turing先生的名字命名的,Alan Turing先生对早 ...

  8. [linux] C语言Linux系统编程-捕获进程信号

    typedef void( *sighandler_t)(int); 1.用typedef给类型起一个别名. 2.为函数指针类型定义别名, 3.函数指针(指向函数的指针) sighandler_t s ...

  9. Mysql压缩版forWindows安装与配置

    参考:http://blog.csdn.net/wengengeng/article/details/52013650

  10. Excel2010条件格式的位置

    以下是excel2010的条件格式设置方法(英文版) 具体使用方法可以参考 http://office.microsoft.com/zh-cn/excel-help/HA102809768.aspx