浏览器内核介绍&在网页(HTML)中使用JavaSrcipt


浏览器内核介绍

浏览器内核简介,版本上可能有所偏差,但不影响。
在这里插入图片描述
简单来说,浏览器内核就是浏览器所采用的渲染引擎,渲染引擎决定了浏览器如何显示网页的内容以及页面的格式信息。谷歌的WebKIt内核占领了绝大部分的市场,不过现在慢慢推行Blink内核的v8引擎表现也不错。

在网页中使用JavaScript

JavaScript是高级语言,也是脚本语言。

JavaScript的三种引入(书写)位置

// 1. 行内式
<input type="button" valut="点击弹出" onclike="alert('Hello World!')">

// 2. 内嵌式
<script>
	alert('Hello World!');
</srcipt>

// 3. 引入式
<script src="my.js"></script>
  1. 行内式。适合少量js代码的时候,写在一些html事件中。通常html中用双引号,js中用单引号。可读性差,容易弄混和出错。
  2. 内嵌式。比较常用的一种方式,可以将<script>标签放在head和body标签内,但为了用户体验通常来说放在body内,并且是所有html代码最后比较好。
  3. 引入式。引入外部的js文件,适合在js代码量大时候,方便管理js代码,利于js代码复用,html文件代码页面美观。注意的是,使用了当script标签使用了src属性后,标签内写的代码不会进行解释。还有一个涉及到用户体验的就是,如果两个页面都引用了同一个js文件,那么因为缓存的设置会加载的更快。

其实有关html中的script标签还有一些属性和注意事项,比如async属性,表示应该立即开始下载脚本但不能阻止其他页面动作,比如下载资源或等待其他脚本加载。只对外部脚本文件有效。还有defer属性、动态加载脚本和异步执行脚本等。更多细节的内容可以看看《JavaScript高级程序设计(第四版)》中P11的内容。

JavaScript用于输入输出的语句,在简单调试程序的时候可以用来观看程序中间值的输出,判断程序状况。

alert('xxx');
prompt('xxx');
console.log('xxx');
  • 1
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

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

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

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值