学习JavaScript第一天

微风抚少年
160 阅读2分钟

JavaScript第一天

了解JS

JS是什么？

是一种运行在客户端（浏览器）的编程语言，实现人机交互效果。

作用

  1. 网页特效(监听用户的一些行为让网页做出对应的反馈)
  2. 表单验证(针对表单数据的合法性进行判断)
  3. 数据交互(获取后台的数据，渲染到前端)
  4. 服务端编程(node.js)

组成

  1. ECMAScript

    规定了js基础语法核心知识。如：变量、分支语言、循环语句、对象等等

  2. Web APIs

    1. DOM 操作文档，比如对页面元素进行移动、大小、添加删除等操作
    2. BOM 操作浏览器，比如页面弹窗，检测窗口宽度、存储数据到浏览器等等
    3. 注意DOM属于BOM
    4. 权威网站MDN

JS书写位置

  1. 内部样式

    <body>
    



    <script>
        alert('你好，js，我去你的')
    </script>
</body>

  2. 内联样式(了解)

    <!-- 内联样式，单引号里面可以写双引号，双引号里面也可以写单引号，但是单引号里面不能加单引号 -->
    <!-- 这种方法不常用，文字多，容易出错，了解就行 -->
    <button onclick="alert('月薪过万')">点击我月薪过万</button>
    <button onclick='alert("这个也过万")'>点击我月薪过万</button>

  3. 外部引入

    <body>
    



    <script src="./js/弹窗.js"></script>
</body>

注意事项

为什么要将样式写在HTML文件底部？

我们将

script标签中能写代码么？

  1. script标签中间无需写代码，否则会被忽略！
  2. 外部JavaScript会使代码更加有序，更易于复用，且没有了脚本的混合，HTML 也会更加易读，因此这是个好的习惯。

JS注释

  1. 单行注释(快捷键：ctrl + /)
  2. 多行注释(快捷键：alt + shift + a)

JS结束符

分号“；”可写可不写，看项目团队要求

JS输入输出语法

1.输入语法(prompt(""));

prompt("请输入内容");

2.常见的输出语法

  1. document.write('')

    1. 向body内输出内容
    2. 如果输出的内容写的是标签，也会被解析成网页元素
    document.write('要输出的内容');

  2. 页面弹出警告对话框alert('')(流氓弹窗)

    alert('傻逼');

  3. 控制台输出语法，程序员测试用(常用) 简写log

    console.log('看个锤子');

小效果

将用户的输入输出到网页中

username = prompt("请输入您的名字");
document.write(username + '登陆成功');
alert('欢迎回家' + username + '！！！');
console.log(username);

拓展document.write('')

可以把body中的标签写在里面用引号包裹起来

如果里面的标签需要换行引号应该改成反引号``包裹起来

不要直接在里面一个字母一个字母的写，在body里面利用快捷键生成以后再复制过来

 		document.write(`<h1>大标题！！！</h1>`);//不换行的时候用引号和反引号都可以
        document.write(`<h1>大标题！！！</h1>
        <h1><button>按钮按钮按钮</button></h1>
        <input type="text">
        
        `);//换行的时候必须使用反引号
avatar
文章
阅读
粉丝