JavaScript的组成:
ECMAScript
BOM 浏览器对象模型
弹出框、控制浏览器跳转、获取分辨率
DOM 文档对象模型
可以看作是文档树,通过DOM提供的API可以对树上的节点进行操作
JS书写格式:
行内式(样式结构分离,所以不常用):
<button onclick="alert('点我了!';)>点我</button>
页内式
<body><script>
alert('hhh');
</body><script>
注意点:
页内式JS要写在最后,因为JS式从上至下加载的,给HTML添加交互必然要先加载HTML
如果脚本比较大,页面的下载和渲染都必须停下来等待脚本执行才能继续,会造成加载卡顿
引入外部JS(用的最多)
常用输出方式:
注释:
/**
*文件名
*作者
*描述
*修改人
*修改时间
*修改内容
*/
注意点:
一般要在JS文件的最前面写下这段注释
1、弹窗:
alert('MRX'); 弹窗
debugger 调试用,网页只会计算到此,用来分割检查BUG
2、控制台输出:
console.log('');
console.warn('这是一个警告!'); 注意事项
console.error('这是一个错误'); 错误
3、向body输出一个内容:
document.wite('我永远喜欢MRX');
内容既可以是文本,也可以是标签,即
document.wite('<h1>我永远喜欢MRX</h1>');
4、在网页中弹出输入框,一般用于接受用户输入的信息
window.prompt('你喜欢明日香吗');
5、在网页中弹出提示框,显示信息,该方法一般与if判断语句结合使用
window.confirm('你喜欢明日香吗');