简单认识JavaScript

javascript的简介

  • 基于对象和事件驱动的语言,应用于客户端。
    • 基于对象:提供好了 对象可以直接拿过来使用
    • 事件驱动:html+css做网站静态效果,javascript做网站动态效果
    • 客户端:指的是浏览器
  • javascript的 特点:
    • 交互性:信息的动态交互
    • 安全性:javascript不能访问本地磁盘的文件
    • 跨平台性:只要是支持javascript的浏览器都可以运行,不限系统。
  • javascript和Java的区别:
    • 首先二者没有任何关系
    • Java是sun公司开发,现在是oracle公司的产品,Javascript是网景(netspace)公司的产品
    • javascript是基于对象的,Java是面向对象的的 语言
    • Java是强类型语言,javascript是弱类型语言,
      • 比如Java中定义一个 变量需要具体指定变量的类型:int i = 10;
      • 但是javascript中变量的定义不用具体指定:var i =10; var 1 =”10”;都是可以合法的。
    • Java程序要运行需要先编译成字节码文件,后运行,但是javasc只需要解析就可以运行。
  • javascript的组成(三部分)
    • ECMAscript
      • 指定了javascript的基本语法
      • ECMA:欧洲计算机协会
    • BOM浏览器对象模型(browser Object Model)
      • 包含对浏览器的一些操作
    • DOM文档对象模型(Document Object Model)
      • 包含对文档的一些操作

javascrip 和 html 结合的方式

  • 第一种:使用在script标签中书写javascript代码
<script type="text/javascript">
javascript代码
</script>
  • 第二种:使用script标签中的src属性引入,标签内不能再写javascript代码
<script type="text/javascript" src="nihao.js">

注意:这里不能再书写javascript代码,会不起作用的
</script>

什么事javascript

javascript 是一种面向对象能力的,解释性的程序性设计语言,更具体一点,他是基于对象和事件驱动并具有相对安全性的客户端脚本语言,因此他不需要在一个语言环境下运行,而需要支持它额浏览器就可以,他的主要目的是,验证发往服务器端的数据,增加Web 互动,嘉庆用户体验。

javascript特点

  1. 松散型
    • 他的变量不必具有一个明确的类型
  2. 对象属性
    • javascript的对象吧属性名映射为任意的属性值,它的这种方式很像哈希表或者关联数组
  3. 继承机制
    • 继承机制基于原型,

javascript 的 整体感知

  1. 代码的存放位置:如果没有style标签就放在title标签下面,如果有就放在style标签下面,javascript代码放在script标签之间。 也可以放在body 标签内
  2. 2.

语句

  • alert(“你好”)

效果就是在页面上弹出一个警告窗口,提示内容就是自己所写的“你好”
这里写图片描述

注意:如果页面上出现弹窗以后,页面的位置不能改变,并且不能关闭,其实这个时候浏览器的进程已经暂停了。
- console.log(“你好”)

效果就是在浏览器的控制台输出一条语句,如下图这里写图片描述

作用是用来调试程序的,但是也有一些像百度这样的网站来提供招聘信息。
- prompt(“请输入你的姓名”)

效果在网页上弹出一个输入框,用来收集信息。这里写图片描述

  • document.write(“value/html/var”)

可以页面上输固定值,变量或者html标签

这里写图片描述

javascript代码的书写规范

<!DOCTYPE html>
<html lang="cn">
<head>
    <meta charset="utf-8">
    <title>javascript练习</title>
    <script type="text/javascript">
        alert("你好");

    </script>
</head>
<body>

</body>
</html>
  • 对换行,空格,缩进不敏感
  • 规范:代码书写在script标签内,代码给一个缩进
  • 代码执行顺序:重上到下,重左到右。
  • 单行语句要加分号
alert("niaho")alert("nidfw")

这样写会报错,正确解决方法:1. 一条语句单独一行,可以不加分号2. 第一条语句后加分号
  • 代码的注释:// 只能注释一行代码 ;/**/ 注释多行代码

开发工具的使用

页面右键–审查元素,如果页面上有错误就会显示一个红色报警,在控制台右上角。点击console 选项卡就会显示这个错误,

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

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值