学javascript的第一天

csdin 本涛

已于 2022-05-18 14:26:50 修改

阅读量185

点赞数 5

文章标签： javascript

于 2022-05-16 23:56:45 首次发布

本文链接：https://blog.csdn.net/weixin_70936283/article/details/124809997

版权

本文介绍了JavaScript的基础，如如何让HTML实现动态效果，常量和变量的概念，以及常用的dialog函数alert(), confirm(), prompt()。还涵盖了变量赋值和更新，以及javascript中的对话框实例。

摘要由CSDN通过智能技术生成

1、javascript是什么？

javascript脚本语言，让html从静态到动态

2、javascript能做什么？

让html产生特殊效果:动作展示、反馈和交互等。

例如：

<button id="oneid">

hello

</button>

//*document＜--HTML中的对象或元素--＞
//*.getElementById("oneid")＜--元素的地址id--＞
//*.onclick＝function()＜--元素被点击时发生事件--＞
//*this.innerText;＜--这个元素中的文本--＞

<script>

document.getElementById("oneid").onclik=function(){

alert("this.innerText;");

}

</script>

//*当按钮元素时id为oneid被点击时,发生事件,弹出这个元素中的文本"hello"

3、常量和变量

3.1常量

可以理解为数据本身

3.2变量

可以理解为数据的储存容器

let a = 12 //* a是变量  “12”是常量

4、javascript三个对话框体

4.1 alert() 弹出框

alert(‘hello’)//*弹出框,只是显示 hello

4.2 confirm() 判断框

confirm('你是Tonny?')//*判断框 出现选择on/yess

4.3 prompt() 输入框

prompt('你觉得我可以剪什么头型帅') //*输入框  可以输入文本“我觉得你和脏辫最配”

5、变量更新和赋值

5.1变量赋值

 let a = 1
//*把1的值给a

5.2变量更新

<button id="ok">2<button/>

<button id="on">4<button/>

let a = 0 ; //* a只能被定义一次
 
let b = "" ;
 
<script>
 
document.getElementById("c2").onclik=function(){

b = this.innerText;}; //* b的值可以更新

document.getElementById("c1").onclik=function(){

b = this.innerText;}; //* b的值可以
  
  
if(b == 2){ a="我觉得我可一考虑一下"; alert(a);};
 
if(b == 4){ a="我也觉得脏辫很帅";alert(a);};
 

</script>