码迷,mamicode.com
首页 > 编程语言 > 详细

javascript-1基础语法

时间:2019-08-17 20:11:20      阅读:134      评论:0      收藏:0      [点我收藏+]

标签:write   doc   中毒   没有   执行   形式   数据类型   src   外部   

javaScript
1、它是什么?
2、它有什么作用?
3、怎么去使用它?

 

1、是什么?

JavaScript 是一门脚本语言 :以文本形式存在, 仅仅只在调用时去解释执行。(区别于java的先编译后运行)

在1995年时,由网景公司的布兰登·艾克,在网景导航者浏览器上首次设计实现而成。因其管理层次结构希望它外观看起来像Java,因此取名为JavaScript。

组成:

  ECMAScript:语法(ECMA(欧洲计算机制造商协会)统一制定)
  DOM:document object model(文档对象模型:核心对象document)
  BOM:browser object model(浏览器对象模型:核心对象window)

2、作用?
1)减轻服务器的压力(比如可以进行表单验证)
2)为网页增加一些动态效果(如换肤、图片轮播)

3、怎么去使用它?
  1.工具:文本编辑器都可以,html用什么工具,javascript就可以使用什么工具 
  2.代码写在哪里

    使用script标记引入js代码,此标记可以写在文档的任意位置,一般写在<head></head>标记中

    1)直接在script标记中写js代码:

    <script type="text/javascript">

      //javascript代码

    </script>

    2)引入外部javascript文件:<script type="text/javascript" src="文件路径"></script>

    如引入js文件夹下的myJS.js文件:<script type="text/javascript" src="js/myJs.js"></script>


  3.基本语法:
    javascript的语法:
      1.变量   

          声明变量(不需要指定具体的数据类型): 

            声明同时赋值:  var 变量名 =值;//如:var a=10086;     

            先声明后赋值:var 变量名;  变量名 =值; //如:var b;   b=10011;

          原始数据类型5种:布尔boolean 数值number 字符串string undefined(没有给值) null     (typeof 变量名 获取该变量的数据类型)

          向html页面输出一句话:document.write();   如:document.write("天气真好");

          弹出框:alert();  如:alert("恭喜你,中毒了!");

      2.运算符:同java
      3.控制语句:同java
      4.注释

        单行//          多行/* */

      5.类型转换
        parseInt("字符串")
        parseFloat("字符串")

 

4、案例

<script type="text/javascript">
   //单纯输出一句话
    document.write("第一行,热热热");
    //输出标记
    document.write("<p>天啊,太冷了,太难了~</p>");
    //输出带属性的标记:属性值的双引号换成单引号
    document.write("<font color=‘red‘ size=‘6‘>天气真好</font>");

    var a=1;   //声明变量   var 变量名 =值;   var 变量名;  变量名 =值;
    var b=3.14;
    var c = "花花";
    //输出变量b的值  打印时,变量不需要加双引号
    document.write(b);
    //弹出一个提示框     typeof 变量名   获取变量的数据类型
    alert("b的类型是:" + typeof b);
</script>

  

      

javascript-1基础语法

标签:write   doc   中毒   没有   执行   形式   数据类型   src   外部   

原文地址:https://www.cnblogs.com/1810-zx/p/11369704.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!