script
文档输出: document.write()
控制台输出: console.log()
普通弹框(警示框):alert()
确认框弹框: confirm()
单行注释: // 注释内容
多行注释: /* 注释内容 */
输出语句
HTML/CSS/JS 的关系
html 负责页面内容显示和结构
css 页面美化
js 与用户交互
面试题:网页的三层结构结构是什么?各自的作用
结构层、表现层、行为层
script标签的使用
<!--嵌入的方式--> <script> js代码 </script> <!-- 外部js文件引入的方式 --> <script src="js文件路径"></script> <!--标签内部--> <!--事件属性--> <div οnclick="alert('坦坦然')">div标签</div> <!--a 标签的特殊用法--> <a href="javascript:alert('aaaa')">百度</a>
注意:1.针对嵌入和外部js文件使用的时候 script标签哪需要就放哪
2. 如果使用外部js文件,那么script标签内部不能放任何js代码
输出语句
<script>
// 文档输出 显示在浏览器上边
document.write('文档输出')
// 控制台输出 常用于代码调试
console.log('控制台输出')
// 弹框
// alert('普通弹框')
// confirm('确认弹框')
prompt('请输入一个数字','25') // 自带输入框的弹框
</script>
JS注释方法
// 单行注释
/* */ 多行注释
复习
html 注释 <!--注释内容-->
css注释 /* */
Java注释 同js
PHP注释 # /* */ //
注释的作用: 方便代码阅读
<script>
// 文档输出 显示在浏览器上边
document.write('文档输出')
// 控制台输出 常用于代码调试
console.log('控制台输出')
// 弹框
// alert('普通弹框')
// confirm('确认弹框')
prompt('请输入一个数字','25') // 自带输入框的弹框
</script>