js书写格式

什么是js?
  • 程序执行前,不需要对代码进行编译,在运行时边解析边执行的语言;
  • HTML用来搭建网页结构;CSS用来美化网页样式;JS控制网页交互;

在这里插入图片描述

  • ECMAScript是ECMA制定的脚本语言的标准,规定了一种脚本语言实现包含的基本内容(基础语法);
  • DOM是JS操作网页上的元素的API;
  • BOM是JS中操作浏览器部分的API;
JS的书写格式

首先CSS的书写格式是怎样的?

  • 行内样式:写在标签的内部;(不推荐!)
  • 内嵌样式:写在一对head标签中,一对style标签;
  • 外链样式:写在一个单独地css文件中导入进来;

JS类似

  • 行内样式:写在标签的内部;(不推荐!)
  • 内嵌样式:写在一对head标签中,一对script标签;
  • 外链样式:写在一个单独地js文件中导入进来;
JS内嵌样式书写注意点

默认情况下浏览器会自上而下解析网页,如果把js代码写到head标签中,且需要通过js代码操作界面上的元素,则不可以直接书写js代码,因为会失效;
比如下面:
在这里插入图片描述
所以:

  • 如果想把js代码写到一对head标签中,并且需要在js代码中操作界面上的元素,那么必须加上window.onload = function(){操作界面元素的js}
    在这里插入图片描述
  • window.onload(){}的含义就是等到界面上的代码都执行完,在执行他里面的语句;
  • 另外一种方法是: 把script标签写在body标签结束前面;
  • 类似地,在外链样式下,可以把js导入语句写在body结束前面写:<script src="文件名.js"></script>
  • 如果在script标签中编写了js代码,就不可以同时通过js代码导入js文件;
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值