JS有这三种写法
Posted blogcccc
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了JS有这三种写法相关的知识，希望对你有一定的参考价值。
一、行内式
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);
以上是关于JS有这三种写法的主要内容，如果未能解决你的问题，请参考以下文章