第一次认识Javascript

Javascript的构成

整个前端的基本构成为 结构层HTML,表现层CSS,行为层JavaScript。
JavaScript的作用
1 可以使网页更具交互性,给网站的用户提供更好,更酷,更令人兴奋的体验。
2 可以使你可以创建活跃的用户界面,当用户在页面间导航时向他们反馈。
3 可以确保用户以表单形式输入有效的信息,这可以节省你的业务时间和开支。
4 可以根据用户的操作可以创建定制的HTML页面。

JavaScript由ECMAScript、BOM、DOM 这三大块组成
ECMAScript是一个标准,是一种规则,它规定了语法、类型、语句、关键字、保留子、操作符、对象。(相当于法律)
BOM(浏览器对象模型):可以访问浏览器窗口的浏览器对象模型,对浏览器窗口进行操作。
DOM(文档对象类型):DOM把整个页面映射成一个多层节点结构。HTML页面组成都是某种类型的节点,这些节点又包含着不同类型的数据。

JavaScript与Html5的关系

HTML5是一种新的技术,就目前而言,我们所知的HTML5都是一些标签,但是有了JS之后,这些标签深层的扩展功能才得以实现。
比如video标签,我们对其理解为一个简单的标签,但实际上,video标签还有更深层次的扩展功能。

怎样去使用一个js语言呢

JS也是一种脚本语言,他可以有两种方式在HTML页面进行引入,一种是外联,一种是内部。

外联JS的写法为:
    <script src="相对路径"></script>
    这是一条html语句,原则上可以放在html页面的任意位置,不用和link标签一样非得放在head部分
    相对路径链接的是JavaScript文件,文件的扩展名为.js,如index.js

内部JS的写法为:
    <script>
        //在script标签内写js脚本
    </script>

错误的写法:
    <script src="相对路径">
        //在script标签内写js脚本
    </script>
    注意:千万不要script标签套一个script标签写内容

============================================================================

向页面中打印内容:
    document.write(“这是一些文本内容”);

可以直接解析标签:
    document.write(“<strong>加粗的内容</strong>”);

转义字符:
    &lt;  ====  <
    &gt;  ====  >
    document.write(“&lt;strong&gt;这是一些加粗的内容</strong>”);

console.log(“hello world”)
向浏览器的控制台打印信息,跟document.write()原理类似

在JavaScript中最基础的变量与数据类型

对变量的理解
变量:一个可以变得量
首先得声明,举个例子 var a=10;a就是一个变量,因为10我们可以自行修改,只有他的量在变;

var 是Javascript最基础的声明变量的方式
var 声明变量的底层原理:我们所写的程序运行在内存中,当我们使用关键字var 声明一个变量的时候,计算机会从内存中划分一个空间,为我们存放不同类型的内容做准备。

变量的类型(数据类型)
因为存放在变量中的数据是放在计算机的内存中的,计算机只识别0和1,所以需要对不同类型的数据进行转义,转义的结果会导致所需空间不同,所以JS中分成很多种数据类型,以便计算机储存时使用。
千万不说数据类型有多少种,因为人们对此定义不同。比如控制台检测的只有七种类型,但有些人定义函数也为一个类型,虽然我们认为函数是一个对象。
数值类型(number):1234567890

字符类型(string):"123"  'asd'  "文字"   "数据"(被单引号或双引号,包裹的部分,引号必须配套使用)

未定义类型(undefined):这是一种特殊类型,当变量被声明,但是没有被赋值的时候,那么该变量的类型的undefined

布尔值类型(boolean):true,false  (真,假)

对象类型(object):{}object

数组类型(array):[]


如何区分或得知不同的数据类型:
通过关键字  typeof 变量名

小技巧:声明一串变量时可以这么写,var a=1,b=2,c=3;(但是不推荐初学者这么用,因为这样的声明方式会导致注释不明确)

变量的命名规则

变量命名规则

1 变量名区分大小写,允许***包含字母、数字、美元符号($)和下划线,但第一个字符不允许是数字,不允许包含空格和其他标点符号***

2 变量命名长度应该尽可能的短,并抓住要点,尽量在变量名中体现出值的类型

3 尽量避免使用没有意义的命名

4 禁止使用JavaScript关键词、保留字全名

5 提倡使用驼峰式命名规则.
不要出现系统关键字和保留字

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值