搜索到
207
篇与
的结果
-
19、综合案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> <style> h2{ text-align: center; } table{ /* 合并相邻边框 */ border-collapse: collapse; height: 80px; margin: 0 auto; text-align: center; } th{ padding: 5px 30px; } table,th,td{ border: 1px solid #000; } </style> </head> <body> <h2>订单确认</h2> <script> //1、用户输入 let price = +prompt('请输入商品价格:') let num = +prompt('请输入商品数量:') let address = prompt('请输入收货地址:') //2、计算总额 let total = price * num // 3、页面打印渲染 document.write(` <table> <tr> <th>商品名称</th> <th>商品价格</th> <th>商品数量</th> <th>总价</th> <th>收获地址</th> </tr> <tr> <td>小米手机青春plus</td> <td>${price}</td> <td>${num}</td> <td>${total}</td> <td>${address}</td> </tr> </table> `) </script> </body> </html> -
18、显示转换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> // let str = '123' // console.log(Number(str)); // console.log(Number('pink'));//错的 // let num = prompt('请输入年薪') // console.log(Number(num)); // // 保留整数（不会四舍五入 // console.log(parseInt('12px')); // console.log(parseInt('12.34px')); // console.log(parseInt('12.94px')); // //保留小数 // console.log(parseFloat('12px'));//12 // console.log(parseFloat('12.34px'));//12.34 // console.log(parseFloat('12.94px'));//12.94 // 案例 let inPutNumber = prompt('请输入第一个值：') let inPutNumber2 = prompt('请输入第二个值：') alert(`计算的结果：${Number(inPutNumber) + Number(inPutNumber2)}`) </script> </body> </html>
-
17、隐式转换 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> // 任何数据和字符串相加结果都是字符串 console.log(1 + 1) console.log('pink' + 1) console.log(2 + 2) console.log(2 + '2')//22 加号不同 console.log(2 - 2) console.log(2 - '2')//0 console.log(+12) console.log(+'123') //+转换为数字型 </script> </body> </html>
-
16、监测数据类型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> let num = 10 console.log(typeof num); let str = 'pink' console.log(typeof str); let str1 = '10' console.log(typeof str1); let flag = false console.log(typeof flag); let un console.log(typeof un); let obj = null console.log(typeof null); let num1 = prompt('请输入第一个数:') </script> </body> </html>
-
15、其他三种类型 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document</title> </head> <body> <script> // 1、true false 是布尔型字面量 // console.log(3 > 4); // let isCool = true // console.log(isCool); // 2、未定义类型 弱数据类型 声明一个变量未赋值就是 undefined // let num // console.log(num); // 3、null 空的 // let obj = null // console.log(obj) // 计算有区别 console.log(undefined + 1) //NaN console.log(null + 1) // 1 </script> </body> </html>
