JS-01

123 阅读2分钟

一 语法名词 (输出语)

1.让计算机在页面中输出一个内容 document.write() 可以向body中输出一个内容 * document.write ("看我出不出来")

2.向控制台输出一个内容 console.log()的作用是想控制台输出一个内容 * console ("你猜我在哪出来呢?")

熟记语法: 1.alert ("哥,你真帅啊!!") {用户可以直接看见} 2.document.write ("看我出不出来") {用户可以直接看见} 3.console.log ("你猜我在哪出来呢?") {控制台 在开发者工具查看}

二 1. 可以将JS代码编写到外部计算文件中,然后通过script标签引入. 写到外部文件中可以在不同的页面中同时引用,也可以利用到游览器的缓存机制. 推荐使用的方式. *

2.script标签一旦用于引入外部文件了,就不能在编写代码了,即使编写了游览器也会忽略,如果需要则可以在创建一个新得script标签用于编写内部代码.

3.可以将JS代码编写到标签的onlick属性中
 
 当我们点击按钮时,js代码才会执行
* <button onclick="alert('讨厌,1234')">点我一下</button>

4. 可以将js写在超链接的href属性中,这样当点击超链接时,会执行js代码 

<a href="Javascript:alert ('让你点你就点');">123</a>
<a href="javascript:;"你也点我一下></a>
<button onclick="alert('讨厌,1234')">点我一下</button>
5. <!-- 双引号和单引号是相互嵌套 -->
<!-- 单引号里面要包含双引号 -->
<!-- 双引号里面要包含单引号 -->
<!-- 书写的位置尽量写在文档的末尾<./body>前面 -->
外部JS中间不要写代码,会被忽略不生效
<button onlinck='alert("你好");alert("456")'>点我</button>

 6.  <!-- 需求:接受用户输入的 用户名,并在控制面板打印出来 -->
<script>
//   使用prompt 实现用户的键盘输入,返回用户输入的内容,我们可以定义变量进行接受
// let 自定义的变量名称 = prompt ('提示文本内容')
let username = prompt('请输入你的用户名')
// 打印输出
console.log(userame);

    
</script>

7. // 变量的使用分三步
    // 1.声明一个变量但是没有赋值(初始化),结果就是undefined 
    let age

    // 2.初始化-赋值
    // = 就是赋值运算符,将右边的值(表达式)赋值给左边的变量
    age = 100

    // 3.可以把上面两步综合为一步:声明的同时赋值
    let myname = 'jack'

    console.log(age,myname);
    
 8.  //let age = 20
      //let name = 'jack'
      //同时定义多个变量,使用逗号分割
      let age = 20,
        name = 'jack'
        console.log(age,name); 
        // 不许多次声明变量,否则会报错
       let age = 30  

    // 输出会报错
    document.write(age)
    
    报错信息为 :Uncaught ReferenceError: userame is not defined
    
 9.<!-- 1.声明一个变量,用于存放用户购买的商品 数量为20件
     2.声明一个变量,用于存放用户的姓名 为 "张三" 
     3.依次控制台打印输出两个变量-->

     <script>
         let num = 20,
            name = '张三'
            console.log(num,name);

     </script>
     
   10. <script>
        // 游览器中弹出对话框:请输入姓名
        // 页面中输出:刚才输入的姓名
        let name = prompt ('请输入你的姓名')
        // 输出
        console.log(name);
        </script>