美文网首页
【html学习笔记20】- Javascript

【html学习笔记20】- Javascript

作者: 兔小小 | 来源:发表于2023-09-02 13:02 被阅读0次

avaScript使HTML页面更具动态性和交互性。

HTML 标记<script>用于定义客户端脚本 (JavaScript)。该元素要么包含脚本语句<script>,要么指向通过属性src的外部脚本文件。JavaScript的常见用途是图像处理、表单验证和内容的动态变化。

要选择一个HTML元素,JavaScript最常使用该方法。document.getElementById()。下面这个 JavaScript 示例将 “Hello JavaScript!” 写入 id=“demo” 的 HTML 元素中:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>

JavaScript 可以改变样式:

document.getElementById("demo").style.fontSize = "25px";
document.getElementById("demo").style.color = "red";
document.getElementById("demo").style.backgroundColor = "yellow";

JavaScript 可以更改属性:

document.getElementById("image").src = "picture.gif";

HTML 标记<noscript>定义备用内容,向用户显示在浏览器中禁用了脚本或浏览器不支持脚本:

<script>
document.getElementById("demo").innerHTML = "Hello JavaScript!";
</script>
<noscript>Sorry, your browser does not support JavaScript!</noscript>

相关文章

  • 2018-01-04

    Web学习笔记--从最基础的开始 一、web前端开发语言: HTML、 CSS 、JavaScript HTML:...

  • JavaScript ☞ day1

    JavaScript基础学习笔记之JavaScript基础 HTML中添加JS代码、注释方法、输出方式 docum...

  • 自学JavaScript之路前记

    HTML5+CSS3正在学习中,现在大一后续会记录HTML+CSS3的笔记。学习JavaScript是前端必学的语言。

  • JavaScript ☞ day4

    JavaScript基础学习笔记之轮播 轮播效果: index.html文件内容 loog.js文件内容 styl...

  • web前端入门基础

    web前端基础笔记 学习web前端开发基础技术需要掌握:HTML、CSS、JavaScript语言。下面我们就来了...

  • 进阶篇:浏览器渲染 & 白屏和FOUC(1)

    饥人谷学习进阶第 1 天 JavaScript 网页 = Html + CSS + JavaScript Html...

  • 《JavaScript高级程序设计》笔记2:在HTML中使用Ja

    参考原文:《JavaScript高级程序设计》笔记:在HTML中使用Javascript