JavaScript的书写位置
分为行内,内部,外部
1.内部 Javascript
直接写在html文件里,用script标签包住 规范:script标签写在</body>上面 拓展: alert('你好,js')页面弹出警告对话框 <script> //body里写 //页面弹出警示框 alert('你好,js~') </script>
2.外部Javascript
代码写在以.js结尾的文件里 语法:通过script标签,引入到html页面中 1.script标签中间无需写代码,否则会被忽略! 2.外部avaScript会使代码更加有序,更易于复用,且没有了脚本的混合,HTML 也会更加易读,因此这是个好的习惯。 步骤:创建一个新的文件,命名为 my.js 的文件(名字随意) <body> //通过src引入外部js文件 <script src="./js/my.js"></script> //外部不要写内容 </body>
3.内联 JavaScript
代码写在标签内部 语法: 注意:此处作为了解即可,但是后面vue框架会用这种模式 <body> <button οnclick="alert('逗你玩~~~')">点击我月薪过万</button> </body>
注意事项: 书写的位置尽量写到文档末尾</body>前面
注释
1.单行注释 符号: // 作用: //右边这一行的代码会被忽略 快捷键:ctrl+/
2.多行注释 符号:/* / 作用:在 / * 和 * / 之间的所有内容都会被忽略快捷键:shift+alt+a
结束符: ;(可写可不写)
输入和输出语法
输出:
1.输出语法: 语法1: document.write('要出的内容') 例: <body> <script> //1.文档输出内容 document.write('我是div标签') document.write('<h1>我是标题</h1>') //2.控制台打印输出给程序员 console.log('看看对不对') console.log('日志') </script> </body> 语法2: alert('要出的内容') 作用:页面弹出警告对话框 语法3: console.log('控制台打印') 作用:控制台输出语法,程序员调试使用(在网页的Console里看)
输入:
2.输入语法: 语法: prompt('请输入您的姓名:') 作用:显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字 //3.输入语句 prompt('请输入您的年龄:')