学习javascript第四天

已于 2022-09-04 13:29:12 修改
阅读量392 收藏 1
点赞数
文章标签： javascript
于 2022-08-26 21:24:33 首次发布
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/qq_65463352/article/details/126550502
版权

js的书写

JS有3种书写位置，分别为行内、内嵌和外部

1.行内式JS



可以将单行或少量JS代码写在HTML标签的事件属性中（以on开头的属性），如:onclick
注意单双引号的使用：在HTML中我们推荐使用双引号，JS中我们推荐使用单引号
可读性差，在html中编写JS大量代码时，不方便阅读；
引号易错，引号多层嵌套匹配时，非常容易弄混；
特殊情况下使用

2.内嵌JS

可以将多行JS代码写到<script>标签中
内嵌 JS 是学习时常用的方式

3.外部JS文件

利于HTML页面代码结构化，把大段JS代码独立到HTML页面之外，既美观，也方便文件级别的复用
引用外部JS文件的script标签中间不可以写代码
适合于JS代码量比较大的情况
 

 

 

温柔454
关注
  • 0
    点赞
  • 踩
  • 1
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
HTML第五课（js）
qq_51645816的博客
02-08 620
1.学习链接​​​​​​【优极限】 HTML+CSS+JavaScript+jQuery前端必学教程，小白教学，前端基础全套完成版_哔哩哔哩_bilibili​​​​​​​​​​​​​ 2. js的基本使用 1.行内js：在html标签上直接写js代码 2.外部js：在script标签中写js代码，script标签可以放在head中或body中，建议在body最后 3.内部js：定义js文件，通过script标签的src属性引入对应js文件 ...
javaScript基本语法
m0_58878709的博客
08-02 506
javaScript基本语法 文章目录javaScript基本语法前言一、编写位置1.1 行内式1.2 内嵌式1.3 外链式二、输出语句三种方式2.1 alert()2.2 document.write()2.3 console.log()三、基本语法3.1 注释3.2 字面量和变量3.3 标识符 前言 JavaScript是一门解释型语言，所谓的解释性语言不需要被编译为机器码在执行，而是直接执行 javaScript也是一门面向对象语言 JavaScript主要是JavaScript用于响应用户
JavaScript
最新发布
XL18279005419的博客
03-24 1026
未定义型只有一个特殊的值undefined， 表示声明的变量还未被赋值。未定义型的示例代码如下。var a;//输出结果: undefined。
JS学习笔记（一）
Mini_ymy的博客
03-11 92
2.DOM3.BOM。
JavaScript（JS）行内式写法、嵌套写法以及外部写法&&JS输入输出语句
Dreamer
11-10 5441
JS行内式写法、嵌套写法以及外部写法&&JS输入输出语句 JS的三种写法 行内式 在HTML中编写大量的JS代码时，不方便阅读代码，而且容易引号混乱，在HTML中推荐使用双引号“”，但是在JS中推荐使用单引号‘’。一般只在特殊情况下使用。 内嵌JS 可以将多行代码写在<script>中，在学习过程中经常使用。 外部JS 将JS代码写在HTML文件的外部，不仅美观，而且利于代码的复用。适用于JS代码量较大的情况。 在JS的引入代码的标签<script sr
JavaScript DOM学习第四章 getElementByTagNames
10-29
HTML有一些相关有不同tag名字的相关元素，比如H1-H6或者input，select和TEXTAREA。getElementByTagName只能取得那些有相同tag名称的元素，所以你不能用他来取得所有的标题或者整个表单内容。
JavaScript学习指南 高清 PDF
10-20
4. **异步编程**：JavaScript是单线程的，但通过事件循环和回调函数、Promise、async/await等方式处理异步操作，确保了非阻塞的程序执行。 5. **DOM操作**：DOM（文档对象模型）是HTML和XML文档的结构表示，...
javascript宝典 第四版
01-15
本书是javascript经典图书《javascript宝典》第四版的中文版，是学习javascript编程的第一书籍。翻译比较好
【新手入门】javascript新手学习第四课
03-29
Array,又称作数组对象我们通常通过 var people= new Array();...创建了数组或者是从另外的地方获取到数组对象之后，我们要如何获取数组里固定的信息呢，比如我们要获取数组里的第一个值 var people=["dx
JavaScript基础第04天笔记1
08-03
在JavaScript的基础学习中，第四天的笔记主要涵盖了数组的创建、访问、遍历以及函数的定义和使用。以下是对这些知识点的详细说明： 1. **数组的创建与初始化** - 在JavaScript中，数组有两种创建方式：使用`new ...
关于js的三种使用方式（行内js、内部js、外部js）的程序代码
01-21
本文讲述了js的三种使用方式（行内js、内部js、外部js）的实例代码，感兴趣的小伙伴们可以参考一下，具体如下： 1、行内js：js不单独写出 <!DOCTYPE html> <html lang=en> <head> <meta charset=UTF-8> <title>js使用方式1：行内js</title> </head> <body> <input type=button value=点击有惊喜 onclick=[removed]alert('哈哈哈哈')> <!--onclick:点击触发一个事件，alert：弹出一个对话框--> </body> </
测试写在行内的js代码
u014622411的专栏
07-06 2891
测试写在行内的js代码   2013-08-30 18:23:09|  分类： JS |举报 |字号 订阅       测试写在行内的js代码
JS的使用方式-行内js
ztt0918的博客
05-14 670
html> html lang="en"> head> meta charset="UTF-8"> title>JS的使用方式-行内jstitle> head> body> 双引号内部套单引号，单引号内部套双引号--> input type="button" value="点击有惊喜" onclick="javascript:alert('23333')"/> body> html
js行内变量传参，函数内部实参调用
koufulong的博客
07-31 1865
<!DOCTYPE html> <html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <button onclick="ddd(this.name)" name="people">11111
vue绑定值与字符串拼接两种写法
热门推荐
Ajaxguan的博客
08-22 5万+
&lt;cell :title="`当前门店:${item.Storename}`" link="/component/radio" :inline-desc="'门店地址:' + item.Storeaddess"&gt;&lt;/cell&gt; 第一种 :title="`字符串${xx}`" 第二种 :title="'字符串' + xx"  ...
教她撸js（第一天）
Jdoit CW的博客
05-22 6117
1 - 初识JavaScript 1.1 JavaScript 是什么 JavaScript 是世界上最流行的语言之一，是一种运行在客户端的脚本语言 （Script 是脚本的意思） 脚本语言：不需要编译，运行过程中由 js 解释器( js 引擎）逐行来进行解释并执行 现在也可以基于 Node.js 技术进行服务器端编程 1.2 JavaScript的作用 表单动态校验（密码强度检测） （ JS 产生最初的目的 ） 网页特效 服务端开发(Node.js) 桌面程序(Electron) App(Cord
JavaScript的三种书写方式：行内式、内嵌式、外链式
kilig
06-13 1万+
1) 行内式：在html标签的属性内,通过行为触发执行.（几乎不用） 2) 内嵌式：在html文件内使用script标签包裹起来，页面打开自动执行。（使用方便，但是大篇幅的JS代码千万不要用。） 3) 外链式：写在独立的js文件内，在html文件中使用script标签的src属性引入，页面打开自动执行。（推荐使用，因为有各种优化方法） 注：行内真的很少用，几乎不用。内嵌和外链不能共用一个script标签。外链的script标签，原则上来说可以放在任何位置。外链的script属性为src，不是href
原生JS添加行内样式
qq_41340792的博客
07-26 3631
设置行内样式 <div style="color: blue;>内容内容内容</div> var divEle = document.querySelector('div');//获取标签 var divStyle = divEle.style;//获取行内样式信息 通过style设置 style对象是CSSStyleDeclaration的实例，包含着通过HTML的style特性指定的所有样式信息但不包含与外部样式，或嵌入式样式层叠而来的样式 divStyle.style.
js——行间样式与非行间样式
维生素宿舍的博客
08-29 5384
对于行间样式与非行间样式，这里做一下总结，方便大家查阅。 首先提下两个概念：行间样式与非行间样式 行间样式：行间样式就是写在标签体内的样式：如，，在这里color样式就是行间样式。 非行间样式：非行间样式就是指不是写在标签体内的style属性的样式。如....内的定义的样式或引用的外部css文件都是非行间样式。 行间样式与非行间样式 *{margin: 0;pad
JavaScript教程
06-04
第四章 条件语句和循环结构介绍了JavaScript中的条件语句（如if语句、switch语句）和循环结构（如for循环、while循环）。这些控制流程的使用可以实现程序的有条件执行和循环执行。 第五章 函数和方法教授了如何定义...

“相关推荐”对你有帮助么？

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

当前余额3.43元 前往充值 >
需支付：10.00元
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付元
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明：

1.余额是钱包充值的虚拟货币，按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载，可以购买VIP、付费专栏及课程。

余额充值