JS基础

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('你喜欢明日香吗');

©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。

推荐阅读更多精彩内容

  • javascript的发展史 1、1992年 ,Nombas 为自己的软件写一款脚本语言 C-- --》...
    yy小阅读 1,462评论 0 1
  • 一、DOM 什么是DOM?Document Object Model(文档对象模型)。DOM是针对HTML和XML...
    空谷悠阅读 4,509评论 0 2
  • 代码 测试 (1)发布 构造参数是 bytes32[] 填: (2)授权 从 Account 列表中复制出几个地址...
    SlowGO阅读 4,168评论 0 1
  • 很久没有认真的想这个问题了,可能是内心有些排斥吧。至于排斥的原因,大约是高中时候过于臃肿的体态让我觉得在外貌上有些...
    561111阅读 890评论 0 0
  • 最近的面试中,被问到各种各样的问题,有的问题真的是一脸懵逼。Block的调用,有的时候回产生循环引用,与及如何解除...
    无神阅读 3,770评论 0 0