javascript学习知识总结

外部连接javascript

第1步：添加变量。目的：保存数据：

定义常量格式：const 常量名 = document.querySelector('内容');

定义变量格式：let  变量名;

第2步：定义函数：

定义函数的格式：

function 函数名(){ 函数体 };

 弹出警告窗，显示文字：alert('文字')

补充：运算符

===  等于

!==  不等于

 第3步：添加触发器：

定义格式：按钮名称.addEventListener('click',函数名); 

补充：循环

循环格式：for(const 元素 of 集合){ }

上面代码实现的功能是点击

段落，然后弹出输入新名字的提示框，然后输入新名字会实时更新之前的数据。

这里我们选定一个文本段落（第 1 行)，然后给它附上一个事件监听器（第 3 行），使得在它被点击时，updateName() 代码块（code block） （5 – 8 行）便会运行。updateName() （这类可以重复使用的代码块称为“函数”）向用户请求一个新名字，然后把这个名字插入到段落中以更新显示。

    点我呀 
    

createElement()括号内的是组件的名称，para相当于是一个常变量，textContent就是这个常变量内的文字，appendChild()括号内就是要追加的元素。

其它：组件名.focus();可以让光标提前置于输入框内。