JavaScript（1入门）

最新推荐文章于 2025-04-27 10:19:20 发布

转载最新推荐文章于 2025-04-27 10:19:20 发布 · 143 阅读

JavaScript 专栏收录该内容

6 篇文章

订阅专栏

本文深入探讨JavaScript的主流优势，包括动态效果实现、代码插入与引用方式、基本语法如语句、注释及变量使用规则。详述了条件语句、函数定义与调用，以及常用内置函数如document.write(), alert(), confirm(), prompt(), window.open(), window.close()的运用场景。重点讲解了DOM操作，包括元素获取、内容修改与样式调整的方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

javascript的优点
1.主流浏览器都支持
2.动态效果。
举例
document.write(“hello”);
document.getElementById(“p1”).style.color=“blue”;

在这里插入图片描述
插入js

引用js外部文件

js代码在页面中的位置

语句和符号：注意；
注释:
单行注释：//
多行注释：/* */

变量：存储数据的存储器。
盒子的名称
1.变量必须使用字母、下划线(_)或者美元符( $开始。 2.然后可以使用任意多个英文字母、数字、下划线(_)或者美元符($ )组成。
3.不能使用JavaScript关键词与JavaScript保留字。
在这里插入图片描述
if else语句

函数：完成特定功能的一组语句
定义函数：
function 函数名（）{
函数代码；
}
调用函数直接写函数名

document.write() 直接在网页中输出内容。

alert警告消息对话框：
alert(字符串或变量);

在这里插入图片描述
消息对话框confirm（“你是女生吗？”）

在这里插入图片描述
prompt消息对话框：包含确定，取消，文本输入框。

window.open()打开新窗口

window.close()关闭窗口

在这里插入图片描述
文档对象模型DOM（Document Object Model）定义访问和处理HTML文档的标准方法。元素，属性，文本

在这里插入图片描述
通过id获取元素
document.getElementById();

innerHTML:注意大小写
用于获取或者替换html元素的内容

改变html样式
Object.style.property=new style;
:Object是获取的元素对象，如通过document.getElementById(“id”)获取的元素。
在这里插入图片描述
显示和隐藏：
Object.style.display = value

控制类名
object.className = classname