"深入理解Javascript基础知识、流程控制与弹窗操作"

需积分: 0 107 浏览量更新于2024-01-21 收藏 22KB DOCX 举报

总结： JavaScript是一种广泛应用于前端开发的编程语言，具有丰富的功能和灵活性。在学习JavaScript时，我们首先需要了解几个核心概念：变量，事件，函数，数组和对象。变量是用来存储和表示数据的容器。在JavaScript中，我们可以使用var，let或const来声明变量。其中，var是旧版的声明方式，let和const是ES6中引入的新特性。声明变量时，我们需要给变量取一个名字，并给它赋予一个初始值。事件是指用户在网页上进行的操作，比如点击按钮、输入文字等。我们可以使用JavaScript来监听事件，并在事件触发时执行相应的代码。常见的事件有click，mouseover，keydown等。函数是一个封装了一系列代码的块，可以重复使用。通过函数，我们可以将一段代码逻辑封装起来，提高代码的复用性。在JavaScript中，我们可以使用function关键字来定义函数，并给函数取一个名字。并且，我们还可以给函数传入参数，并在需要时返回值。数组是一种特殊的变量，可以存储多个值。在JavaScript中，数组可以保存任意数据类型的值，包括数值、字符串、对象等。我们可以使用方括号[]来创建数组，并使用索引访问数组中的元素。对象是由多个属性和方法组成的数据结构。在JavaScript中，对象是一种非常重要的数据类型，大多数操作都是基于对象完成的。我们可以使用花括号{}来创建对象，并使用点.或方括号[]来访问对象的属性和方法。除了上述的JavaScript基础知识外，我们还需要了解JavaScript的组成部分。JavaScript由ECMAscript、BOM和DOM组成。 ECMAscript是JavaScript的语法规范，规定了JavaScript的基本语法和特性。BOM（浏览器对象模型）提供了一系列API，用于处理浏览器窗口和框架等。DOM（文档对象模型）定义了处理HTML和XML文档的方式和结构，使得我们可以通过JavaScript来操作网页的内容和结构。在JavaScript中，我们可以使用三种不同的书写样式：行内、内嵌和外部。行内书写将JavaScript代码直接写在HTML标签的内部，使用on开头的事件属性来添加事件监听。内嵌书写将JavaScript代码写在<script>标签中，可以放在<head>或<body>部分。外部书写将JavaScript代码单独存放在一个后缀名为js的文件中，通过<script>的src属性引用文件。在JavaScript中，我们可以使用多种方式输出内容。最常见的是alert函数，它会在浏览器中弹出一个带确认按钮的弹窗，并将传入的内容作为提示信息显示出来。另外，prompt函数也是一个弹窗函数，它会在浏览器中弹出一个带确认和取消按钮的弹窗，并允许用户输入信息。我们还可以使用console.log函数在浏览器的控制台中打印一些调试信息，以便查看程序的执行情况。总而言之，JavaScript是一门功能强大且灵活的编程语言，具有丰富的特性和应用场景。了解JavaScript的基础知识和组成部分，能够帮助我们更好地使用它来进行前端开发。了解变量、事件、函数、数组和对象的概念，以及使用不同的书写样式和输出方式，可以更好地理解和运用JavaScript。

innerHTML: 可以识别标签

innerText : 不能识别标签，将标签当作内容一起渲染出来

解决覆盖的问题

案列：在弹窗中输入内容页面显示输入的内容

案例：页面显第一个弹窗（输入年龄）点击确定后出现第二个弹窗(你输入的年

龄）

操作属性：

原有属性和非原有属性

原有属性：标签自带的一些属性

非原有属性：程序员自己添加上的属性

原有属性：

语法：

box.innerHTML='<h1>炒土豆丝</h1>' //加大加粗炒土豆丝

box.innerText='<h1>炒土豆丝</h1>' //<h1>炒土豆丝 <h1>

//box.innerHTML='新内容'//原来的内容都会被覆盖掉

//解决覆盖问题

box.innerHTML+='炒土豆丝'

var a = prompt('输入你想吃的菜')

//1.获取元素

var box =document.getElementById('box')

box.innerHTML = a

</script>

var a =prompt('输入你的年龄’）

alert(a)

剩余20页未读，继续阅读

liuyang_333

粉丝: 0
资源: 1

"深入理解Javascript基础知识、流程控制与弹窗操作"

java知识梳理

Java知识总结

javaScrpit整理资料

Javascript的知识点梳理

javascript项目百练

javascript权威指南(第7版)\ filetype pdf"

梳理Python各个章节知识点

网页设计与制作项目教程(html+css+javascript)》源代码

自学学好js需要什么品质

整理出中级软件设计师详细知识点

最新资源