01basics.md

goer ... 2022-01-05 Javascript
  • Javascript
大约 1 分钟

javascript 基础

[toc]

# javascript 基础

js:客户端编程语言(很重要),直接在浏览器里访问

# 1. js 引入方式

代码是从上到下执行,与引入方式无关

  • 外部引入(src="路径")

    <script src="index.js">
        alert(11)
    </script>
    
    1
    2
    3
  • 内部引入

    <script>
        alert(22)
    </script>
    
    1
    2
    3
  • 行内引入(一般有事件的时候)

    <input type="buttom" onclick="alert(333)">
    
    1

# 2. 注释

注释的重要性我就不说了\

  1. 单行注释

    // 弹出框
    alert("who")
    
    1
    2
  2. 多行注释

    /*
    	多行注释
    */
    
    1
    2
    3

# 3. 变量

存储对象地址的标识符,每个语言都有,而且很相似

只有==优点==:

  1. 避免代码冗余
  2. 便于维护

document.write('<h2>标题2级</h2>') -- js 输出html标签的方法

var a = '<h3>标题 就是我 <h3>';
    
document.write(a);
document.write(a);
document.write(a);

//这样不过我们怎么该,只需要改变量就行,不用每个页面都去找
document.write('<h3>标题</h3>');
document.write('<h3>标题</h3>');
//其他页面的:
document.write('<h3>标题</h3>');
1
2
3
4
5
6
7
8
9
10
11
# 命名规则
  1. var关键字开头,空格后接变量名
  2. 变量名 以字母/下划线(_)/美元符($)开头
  3. 整个变量名由==一个或多个==字母/下划线(_)/美元符($)开头和数字组成
  4. 变量名区分大小写
  5. 不能使用关键字和保留字

=:将右边的值***赋值***给左边的变量,只是赋值

var num=123
var $colo="#008c8c";
console.log($colo);
1
2
3

console.log():将值==输出到控制台==