一、行内式
1.行内式:
方式一:
<button οnclick="alert(‘今天天气很好!‘);">今天天气?</button>
城市家具虽然可以写在标签的属性中,但是结构与行为耦合,不方便维护,不推荐使用
方式二:
<a href="javascript:alert(‘你点疼我了!!‘);">点我</a>
2.页内式
<body>
……
<script type="text/text/javascript">
alert(‘我出现了‘)
</script>
</body>
注意事项:
<script></script>标签中的js代码一版写在文档的尾部;
网页是从上而下加载的,而js代码通常是给变迁添加交互(操作元素),所以需要先加载html,否则如果执行js代码时html还没有被加载,那么js代码将无法添加交互(操作元素)
html页面中出现<script>标签后,就会让页面暂停等待脚本的解析和执行,无论当前脚本时内嵌式还是外链式,页面的下载和渲染都必须停下来等待脚本的执行完成才能继续。
所以如果把js代码写在head中,那么js代码执行完毕之前后续页面无法被加载。
3、外链式
<script type="text/javascript" src="01-js书写格式.js"></script>
注意事项
外链式的script代码块中不能编写js代码, 即便写了也不会执行
<script type="text/javascript" src="index.js">
alert("今天天气很好!"); // 不会被执行
</script>
由于每次加载外链式的js文件都会发送一次请求, 这样非常消耗性能, 所以在企业开发中推荐将多个JS文件打包成为一个JS文件,以提升网页的性能和加载速度。
2.JS输出方式
alert("Hello, World!");
控制浏览器弹出一个警告框
document.write("Hello World!");
可以向body中输出一个内容
console.log("Hello World!");
向控制台输出一个内容
console.warn("警告输出!");
console.error("错误输出!");
prompt("Hello, World!");
在网页中弹出输入框,一般用于接收用户输入的信息
comfirm("Hello,JavaScript!");
在网页中弹出提示框,显示信息,该方法一般与if判断语句结合使用
3.JS严格区分大小写
comfirm("Hello,JavaScript!"); // 正确
COMFIRM("Hello,JavaScript!"); // 错误
4.JS标识符
命名规则
1. 标识符中可以含有字母、数字、_、$
2. 标识符不能以数字开头
3. 标识符不能是ES中的关键字或保留字
4. 标识符一般都采用驼峰命名法
首字母小写,每个单词的开头字母大写,其余字母小写
比如: myName, yourName, itLike, ....
5. 在JS底层保存的标识符采用的是Unicode编码,所以UTF-8中所有的字符都可以作为标识符
5.JS的进制表示
进制表示?
在JS中可以表示不同进制的数字
16进制的数字,则需要以0x开头
8进制的数字,则需要以0开头
2进制的数字,则需要以0b开头
得看浏览器支持
使用
十六进制
num = 0x18;
num = 0xcf;
num = 0xAacf;
八进制数字
num = 016;
二进制数字
num = 0b1010;
注意
"010"这种字符串,有些浏览器会当成8进制解析,有些会当成10进制解析
可以在parseInt()或parseFloat中传递一个第二个参数,来指定数字的进制
str = "070";
// str= parseInt(str,10);
str = Number(str);
console.log(typeof str);
console.log(str);