javascript笔记

最新推荐文章于 2024-07-12 16:27:40 发布
最新推荐文章于 2024-07-12 16:27:40 发布
阅读量317 收藏
点赞数
文章标签： javascript 文档 浏览器 input html 脚本
版权声明：本文为博主原创文章，遵循 CC 4.0 BY-SA 版权协议，转载请附上原文出处链接和本声明。
本文链接：https://blog.csdn.net/guocong89/article/details/5307657
版权

定义变量

var test=10;

使用对象属性

 

可以使用 . 操作符获得属性,也可以使用数组下标获得,比如

for( var prop in document)
document.write(document[prop]+ "<br>");

 

With 声明对象,之后再用到对象就不必声明了

with(document){
write( "Hello World<br>标题: ");
write(title);
}

 

常用对象

字符串对象

big                 大字体显示
italics             斜体显示
bold               粗体显示
small              小字体显示
blink               闪烁显示
fixed               打字机字体显示
fontsize(size)   控制字体大小

 

 

算术函数math对象

 

时间日期对象

 

function showTime()
{
      var now= new Date(); 
      with(document.clock.txt){
           with(now){
                 value=(getYear()+ "年"+(1+getMonth())+ "月"+getDate()+ "日");
                 value+=( " "+getHours()+ ":"+getMinutes()+ ":"+getSeconds());
           } 
      }
      setTimeout( "showTime()",1000);
}

<head>
<script language="javascript" type="text/javascript" src="js.js"></script>
</head>
<body onload="showTime()">
<form name="clock" action="">

<input type="text" name="txt" value=""/></form>
</body>
</html>

 

浏览器环境对象 navigator

onClick

 

onChange

text输入发生改变或者select选项发生改变

 

onSelect

text文字被选中时

 

onFocus

onBlur

失去焦点时

 

onLoad

载入文件时

onUnload

 

onMouseOver

onMouseOut

 

 

< body onload ="foo()" >
< input type ="submit" onClick ="bar()" />

 

 

方式一

<Script Language = "JavaScript">
document.write( "<font color=red>这里(红色文字)是通过 JavaScript代码所输出的文字</font>");
</Script>

可将<Script></Script>标识放入<Head>...</Head>或<Body>...</Body>之间。将JavaScript标识放置<Head>...</Head>在头部之间，使之在页面文档主体和其余部分代码之前装载。尤其是一些函数的代码，建议读者将这些代码放在<Head>... </Head>在头部之间

 

方式二

οnclick=javascript:函数名称()

 

方式三

<script language= "JavaScript" src= "menu_data.js"></script>

 

如果脚本要访问HTML标签所定义的对象，那么要确保这些对象先于脚本执行，否则会出现“对象不存在”的错误

 

 

JavaScript访问 Web页面 HTML标签语语句所构成的对象，使用层层限定的逐步缩法。在 JavaScript的文档对象模型(DOM)中，窗口（Window）是对象模型的顶端对象，即浏览器,HTML页面文档是在浏览器的窗口中显示的。

 
浏览器的窗口（Window）有属性，比如显示的页面，窗口底部的状态条上的文字等等；有方法，比如打开和关闭。窗口在 文档对象模型对象层次的顶层，不必去写上它，“window.location”和“location”的作用是相同的。
 
窗口里是 Web页面，对象层次从文档（document）开始。文档包含至少一个表单（form），可以通过document.forms[0]来访问第一个表单。也可以通过表单
的名称来访问，比如：document.InputForm 
 
表单中包含很多 Input对象，要访问文本框 UserId的 value属性，可以通过
document.InputForm.UserId.value;

 

 

 

guocong89
关注
  • 0
    点赞
  • 踩
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
Javascript笔记
nuomi_w的博客
10-27 487
1、什么是JavaScript 1.1、概述 JavaScript是一门世界上最流行的脚本语言 Java、JavaScript =一个合格的后端人员，必须要精通JavaScript= 1.2、历史 https://www.w3school.com.cn/js/pro_js_history.asp ECMAScript它可以理解为是JavaScript的一个标准 最新版本已经到es6版本 但大部分浏览器还只停留在支持es5版本 问题：开发环境和线上环境，版本不一致 2、快速入门 2.1、引入JavaScrip
JavaScript笔记
Blue_Pepsi_Cola的博客
01-03 2935
JavaScript一门弱类型脚本语言，其源代码在发往客户端运行之前不需要经过编译，而是将文本格式的字符代码发送给浏览器，由浏览器解释运行。JavaScript（行为）：是一种弱类型脚本语言，其源码不需经过编译，而是由浏览器解释运行，用于控制网页的行为。2.字符串类型：string var s = “abc”/‘abc’;只声明不赋值就是未定义类型。// fn2("孙尚香",60);// fn5("刘备",20);// fn6("吕布",18);//调用 和java一样调用。
JavaScript笔记（全）
程序猿小九九的博客
06-04 6125
JavaScript是一门世界上最流行的脚本语言一个合格的后端人员，必须要精通JavaScriptECMAScript可以理解为JavaScript的一个标准最新版本已经到es6但是大部分浏览器还只停留在支持es5代码上开发环境~线上环境，版本不一致内部标签 外部引入我的第一个JavaScript程序.html qj.js 03、浏览器控制台使用 04、数据类型快速浏览 变量 numberjs不区分小数和整数，number 字符串‘abc’“abc”布尔值truefalse逻辑运算 比较运算符 这
狂神说系列 JavaScript笔记
06-15
【狂神说系列 JavaScript笔记】是一份全面且深入的JavaScript学习资源，旨在帮助开发者和初学者深入理解这门广泛应用于Web开发的脚本语言。这份笔记涵盖了JavaScript的基础语法、核心概念以及高级特性，旨在构建一个...
更新商品前端接口编写
最新发布
weixin_55639995的博客
07-12 214
那么在vue运行的时候,会加载所有的ref属性特征的元素还有组件。标签中ref的作用就是将 该组件注册到vue对象的ref属性中。使用插槽,那个scope就是代表着一行的数据。然后里面的选项遍历的是 js定义的数据。如果文字显示过多可以使用 文本隐藏显示。表单绑定还有表单数据的绑定。数据绑定使用的表单绑定状态。写form表单然后封装数据。状态的选择使用的是选择框。副标题使用的是文本域。状态页面使用,下拉框。富文本选择器使用组件。使用后端枚举类型去写。
vue 自定义滚动条同步拖动（移动端）
u014206461的博客
07-12 95
vue 自定义滚动条同步拖动（移动端）
什么是防抖和节流？如何理解它们并在不同的场景条件下灵活运用？
Vinca@的博客
07-08 877
防抖（Debouncing）和节流（Throttling）是两种常见的性能优化技术，常用于控制某些操作（例如事件处理器）的频率，从而减少资源消耗并提高性能。防抖：在事件停止触发后的指定时间内执行函数。适用于需要等用户停止操作后再处理事件的场景。节流：在指定时间间隔内最多执行一次函数。适用于需要限制函数执行频率的场景。滚动停止后的操作：使用防抖。滚动过程中的持续操作：使用节流。根据具体需求选择适合的优化技术可以有效提高应用性能和用户体验。
Webkit简介以及工作流程
读心悦
07-10 304
WebKit是一个开源的浏览器引擎，最初由苹果公司基于KHTML（K Desktop Environment的HTML渲染引擎）开发，并广泛应用于Safari浏览器。随着时间的推移，WebKit也被其他多款浏览器和应用所采用，成为Web技术生态中的重要一员。WebKit的核心功能包括解析HTML、CSS、JavaScript等网页内容，并将其渲染为可视化的网页页面。它主要由WebCore（负责HTML解析、CSS样式计算和布局）和JavaScriptCore（负责JavaScript解释执行）两大部分组成。
lightchart 和百度echarts 有什么区别, 各自优势是什么
huanghm88的专栏
07-08 201
总体而言，Lightchart和百度Echarts都是强大的图表库，选择使用哪个取决于具体的需求和个人偏好。如果您对界面简洁和定制化有较高要求，可以选择Lightchart；社区活跃：百度Echarts拥有广泛的用户群体和开发者社区，用户可以通过社区获取到丰富的文档、教程和示例，解决问题和获取帮助。易于使用：Lightchart提供了方便易用的API和丰富的文档和示例，使用户能够快速上手并灵活使用图表库。成熟稳定：百度Echarts已经发布了多个版本，经过了长时间的发展和优化，具有较高的稳定性和可靠性。
vue引入sm-crypto通过sm4对文件进行加解密，用户输入密码
cc1314_工作、学习有感
07-12 89
通过sm4对文件进行加解密，用户输入密码
vue2 、 vue3首屏优化，减少白屏时间
m0_56104994的博客
07-09 304
vue2、vue3首屏优化,减少白屏时间
前端 JS 经典：迭代器
weixin_64684095的博客
07-12 153
如果在最后一个值返回后再调用 next()方法，那么返回的对象中属性 done 的值为 true，属性 value 则包含迭代器最终返回的值（如果没有相关数据则返回 undefined）。可迭代对象具有 Symbol.iterator 属性，通过指定的函数可以返回一个作用于附属对象的迭代器。JavaScript 中有一些内置的可迭代对象，如数组、字符串、集合（Set）、映射（Map）等，它们都具有默认的迭代器。在 JavaScript 中，迭代器是一个对象，它定义了一个序列，并在终止时可能返回一个返回值。
什么是vue的计算属性
weixin_56187723的博客
07-12 161
Vue的计算属性（Computed Properties）是Vue组件中的一个非常强大的功能，它们允许组件基于它们的响应式依赖进行缓存的派生值。只有当相关响应式依赖发生改变时，计算属性才会重新求值。这意味着只要依赖的响应式数据没有发生变化，多次访问计算属性会立即返回之前的计算结果，而不必再次执行计算函数。
javascript高级部分笔记
喵喵的博客
07-09 1265
javascript高级部分 Function方法 与 函数式编程 call 语法：call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 定义：调用一个对象的一个方法，以另一个对象替换当前对象。 说明：call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 thisObj 指定的新对象。 如果没有提供 thisObj 参数，那么 Global 对象被用作 thisObj。 let myName = 'goudan

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

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

请填写红包祝福语或标题

个

红包个数最小为10个

元

红包金额最低5元

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

抵扣说明：

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

余额充值