首页 > 其他分享 >JS随手记录第一天

JS随手记录第一天

时间:2024-07-09 14:58:24浏览次数:17  
标签:随手 第一天 JavaScript JS write HTML 文档 document 页面

JavaScript 是 Web 的编程语言。所有现代的 HTML 页面都可以使用 JavaScript。

1.为什么学习 JavaScript?
JavaScript 是 web 开发人员必须学习的 3 门语言中的一门:

HTML 定义了网页的内容
CSS 描述了网页的布局
JavaScript 控制了网页的行为
JavaScript学习的过程中一起复习之前的HTML和css。

JavaScript 在线实例:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
<script>
function displayDate(){
	document.getElementById("demo").innerHTML=Date();
}
</script>
</head>
<body>

<h1>我的第一个 JavaScript 程序</h1>
<p id="demo">这是一个段落</p>

<button type="button" onclick="displayDate()">显示日期</button>

</body>
</html>

运行结果:

2.JavaScript 是脚本语言
JavaScript 是一种轻量级的编程语言。 是可插入 HTML 页面的编程代码。 插入 HTML 页面后,可由所有的现代浏览器执行。

3.JavaScript:直接写入 HTML 输出流

  JavaScript 会在页面加载时向 HTML 的 <body> 写文本:

<!DOCTYPE html>
<html>
<head>
<meta charset="utf-8">
<title>菜鸟教程(runoob.com)</title>
</head>
<body>
	
<p>
JavaScript 能够直接写入 HTML 输出流中:
</p>
<script>
document.write("<h1>这是一个标题</h1>");
document.write("<p>这是一个段落。</p>");
</script>
<p>
您只能在 HTML 输出流中使用 <strong>document.write</strong>。
如果您在文档已加载后使用它(比如在函数中),会覆盖整个文档。
</p>
	
</body>
</html>

运行结果:

 只能在 HTML 输出中使用 document.write。如果您在文档加载后使用该方法,会覆盖整个文档。

4.JavaScrip

标签:随手,第一天,JavaScript,JS,write,HTML,文档,document,页面
From: https://blog.csdn.net/2301_76923794/article/details/140293453

相关文章

  • nuxtjs 2.x.x坑点总结
    1、缩放适配参考:https://blog.csdn.net/weixin_44599931/article/details/136539941坑点:不要用postcss-px2rem,会和nuxt引入公共css冲突,改用postcss-pxtorem可解决2、axios使用坑点:不要配置axios的headers,会导致源代码中seo失效,以及刷新页面后axios请求直接失效3、多环境变......
  • js浅拷贝与深拷贝的区别和实现方式
           ......
  • Shell处理JSON命令行-jq
    jq是一个命令行工具,专门用来处理和转换JSON数据。官网:https://github.com/jqlang/jq安装aptinstalljq基本用法JSON示例文件file.json[{"name":"Alice","age":30},{"name":"Bob","age":35}]#格式化输出jq'.'......
  • 基于java+vue+ssm+jsp的高校后勤报修系统的设计与实现+jsp录像(源码+lw+部署文档+讲解
    前言......
  • K8S学习教程(三):在PetaExpress KubeSphere 容器部署 Wiki 系统 wiki.js 并启用中文全
      背景wiki.js是非常优秀的开源Wiki系统,尽管在与xwiki功能相比,还不算完善,但也在不断进步。常用的功能还是比较实用的,如:Wiki写作、分享、权限管理功能还是非常实用的,UI设计非常的漂亮,精美的界面和直观的操作体验,能够满足小团队的基本知识管理需求。认真阅读......
  • 简述 JS 中对象的创建和拷贝
    在JavaScript中,对象是一种非常重要且灵活的数据结构,用于存储多个值(属性)和方法(函数)对象的创建和拷贝是日常开发中经常涉及的操作,对于业务逻辑的准确实现有着重要的作用本文将简要概括JavaScript中对象的创建和拷贝方式,都是一些非常基础的知识,大家看个乐就好~目录对象的作......
  • 原生js简单模拟移动端下拉刷新
    <!DOCTYPEhtml><htmllang="en"><head><metacharset="UTF-8"><metaname="viewport"content="width=device-width,initial-scale=1.0"><title>Docu......
  • 1154java jsp SSM古董拍卖网站系统(源码+文档+PPT+运行视频+讲解视频)
     项目技术:SSM+Maven+Vue等等组成,B/S模式+Maven管理等等。环境需要1.运行环境:最好是javajdk1.8,我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境:Tomcat7.x,8.x,9.x版本均可4.硬件环境:windows7/8/1......
  • 1047java jsp SSM旅游管理系统旅游路线推荐特色产品酒店预约(源码+文档+PPT+运行视频+
     项目技术:SSM+Maven+Vue等等组成,B/S模式+Maven管理等等。环境需要1.运行环境:最好是javajdk1.8,我们在这个平台上运行的。其他版本理论上也可以。2.IDE环境:IDEA,Eclipse,Myeclipse都可以。推荐IDEA;3.tomcat环境:Tomcat7.x,8.x,9.x版本均可4.硬件环境:windows7/8/1......
  • resultful风格Json格式数据
    resultful风格Jsong格式数据1.使用json转换工具2.直接调用转换成json个数的数据显示3.页面通过ajax接受json数据packagecom.wisdragon.utils;importcom.fasterxml.jackson.annotation.JsonInclude.Include;importcom.fasterxml.jackson.core.JsonProcessingException......