JavaScript的基础教程-CSDN博客

本文链接：https://blog.csdn.net/weixin_68829057/article/details/126822709

在HTML中使用JavaScript
主要方法是：就是使用<script>元素，
js的代码编写位置可以是：head,body外，html外
编写JavaScript的基本流程
布局：HTML/ASP.NET+CSS
属性：确定要修改哪些属性
事件：确定用户进行哪些操作？
编写：在事件中，用JavaScript来完成用户需求
向页面输出内容
document.write(文本内容)
弹出警告框
alert(文本内容)
输入语句
1：promot("标题"，“默认值”)。不建议使用
2：通过表单元素进行输入
变量的声明和赋值
先声明变量，然后赋值
var name name="名字";
同时声明和赋值变量
var count=10;
声明多个变量，使用逗号
var x,y,z=10或者var x=y=z=10;
两者都声明三个变量，前者仅对Z赋值，后者全部赋值

下是一些示例：
<html>

   <body>
       <script type="text/javascript">
           var stuName //声明一个变量
           stuName = "张三" //给变量stuName赋值
           alert(stuName) //通过弹出框的方式将变量的值
           document.write(stuName) //将变量的值打印到页面上
           document.write("<br />")
           document.write(stuName)
           //经常用于代码调试，主要是通过控制台进行输出
           console.log(stuName)

var stuSex = "男"

           var x = y = z = 10
           console.log(x)
           console.log(y)
           console.log(z)

           console.log(typeof stuName)
           var isChecked = true
           console.log(typeof isChecked)
           console.log(typeof x)
       </script>
   </body>

</html>

   <body>
       <script type="text/javascript">
           var num_1 = prompt("请输入第一个数字：")
           var num_2 = prompt("请输入第二个数字：")
           console.log(typeof num_1)
           console.log(typeof num_2)
           //           parseInt将一个字符串类型的转换成整数
           var result = parseInt(num_1) + parseInt(num_2)
           console.log(typeof result)
           console.log(parseInt("12.8")) //parseInt取整,不会进行四舍五入
           //           parseFloat();将一个字符串类型的转换成小数
           console.log(parseFloat("12.5"))
       </script>

</body>

</html>