html代码中写js

对于网页开发者来说，JavaScript是不可或缺的语言之一。而在HTML代码中写JS，也是经常出现的情况之一。下面介绍一些关于在HTML代码中写JS的技巧。

// 对于普通的JS代码，可以使用<script>标签将其包裹起来
<script>
    var name = "John";
    console.log("My name is " + name);
</script>

// 如果JS代码较多，也可以把JS代码放进外部JS文件中
<script src="myscript.js"></script>

// 在HTML元素中运行JS代码，可以使用on事件属性
<button onclick="alert('Hello world')">点击我</button>

在HTML代码中写JS，需要注意的是代码的可读性和格式。为了方便调试和维护，应该遵循一定的编码规范。以下是常用的编码规范。

// 使用var声明变量，并且一行只定义一个变量
var name = "John";
var age = 30;

// 使用单引号或双引号都可以，但保持代码的一致性
console.log('My name is ' + name);
console.log("I'm " + age + " years old");

// 使用缩进和换行使代码更易读
if (age > 18) {
    console.log('You are an adult');
} else {
    console.log('You are still a teenager');
}

除此之外，还需要注意JS代码的位置。一般来说，将JS代码放在HTML文件的底部，可以提高网页的加载速度。因为在加载完HTML内容之后，再去加载JS代码。

以上就是关于在HTML代码中写JS的一些技巧和编码规范。如果遵循这些规范，可以让JS代码更加规范、易读，也更方便进行调试和维护。