分享js小基础(1)

114 阅读2分钟

JavaScript基础

一、JavaScript是一种运行在客户端(浏览器)的编程语言,实现人机交互效果

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

二、JavaScript的组成:

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

②Web APIs : DOM 操作文档,比如对页面元素进行移动、大小、添加删除等操作

③BOM 操作浏览器,比如页面弹窗,检测窗口宽度、存储数据到浏览器等等

④注意 DOM属于BOM

1648110303374.png

三、JavaScript书写位置

!!!注意事项: 书写的位置尽量写到文档末尾 前面 外部 js 标签中间不要写代码,否则会被忽略

  1. 内部 JavaScript:直接写在html文件里,用script标签包住 规范:script标签写在上面
<body>

   <script>
       alert('你好 js 中国')
   </script>

</body>
  1. 外部 JavaScript:代码写在以.js结尾的文件里 语法:通过script标签,引入到html页面中。

1648215991213.png

<body>
    <script src="./js/弹出窗口.js"></script>
</body>
  1. 内联 JavaScript;代码写在标签内部(不推荐使用)
四、JavaScript注释

1、单行注释 符号:// 作用://右边这一行的代码会被忽略 快捷键:ctrl + /

2、注释 符号:/ * / 作用:在 / 和 */ 之间的所有内容都会被忽略

五、JavaScript的结束符

代表语句结束 1、英文分号 ; 2、、可写可不写(现在不写结束符的程序员越来越多) 3、换行符(回车)会被识别成结束符 ,所以一个完整的语句,不要手动换行 4、因此在实际开发中有许多人主张书写 JavaScript 代码时省略结束符

六、JavaScript输入输出语法

1.输入(3种)


   方式1:
        直接在body标签中书写内容 
        document.write('要输入的内容')
        
   方式2:
        页面弹出警告对话框(俗称流氓框)
        alert('要输出的内容')

   方式3:
        推荐使用控制台,程序员调试使用(打开调试工具)
        console.log('控制打印')

2.输出

如;prompt:(‘请输入你的姓名’) 显示一个对话框,对话框中包含一条文字信息,用来提示用户输入文字,获取的输入内容是字符串


1、可以自定义名称的一个变量(变量名不要加引号) = 用户输入的内容
2、username建立起链接,就是一个盒子里面存放着用户输入的姓名,有需要就给到输出

获取用户的名称:
输入
username=prompt('请输入你的姓名');
输出 
document.write('username')
获取多个输入:
 <script>
        // 输入
    username=prompt('你叫什么名字')
    address=prompt('你家住在哪里')
    foods=prompt('你喜欢吃什么')
    music=prompt('你喜欢一个人听音乐吗')
    sport=prompt('你爱运动吗')

        // 输出 到网页中
        // 一行直接输出,不换行
        // 使用一个+表示链接
    console.log(username + address + foods + music + sport)

    
    </script>

如图: 输入弹窗的问题后,会通过控制台方式输出

1648215120105.png