首页 > 编程语言 >JavaScript基础1

JavaScript基础1

时间:2024-10-13 17:22:58浏览次数:6  
标签:字符 函数 indexOf JavaScript 基础 parsefloat Math

实验介绍:

JavaScript可以使网页进行交互。

它和Java没有任何关系,但在它出现的时候Java很热门,为了引起人们对它的重视,它起名JavaScript。

一:JavaScript里的新概念语法

DOM对象是一种编程接口,允许我们从文档中增删改除元素。

当浏览器加载一个网页时,它会将网页中的HTML内容解析成一个树形结构,这个结构就被称为DOM树。
image

getElement对象

根据id属性值获取元素对象
document.getElementByld("所需元素ID")

如果要添加新元素,可以使用
document.createElement()

根据Class属性值获取元素对象们
document.getElementsByClassName()

转义字符

转义字符是键盘无法录入的字符和被当成特殊用途而需要转回它原来意义的字符。
image

字符串连接和加法

在字符串的连接运算中,只要有一方是字符型,结果就是字符型。
1+3+“5”+7+9从左到右加,1+3都是数字所以结果是4;
4+“5”有字符所以+号充当连接符,结果是字符型“45”,
“45”加7同理。
image

变量用var关键字声明

例如:var age= 21
区分大小写(大小写敏感);类型不用指定,JavaScript是解释型语言。

注释

//单行注释
/这是Javascript
的多行注释
/

二:Javascript的函数

字符的转换

parselnt函数和parsefloat函数
parselnt把值转换成整数型
parselnt("5years") //输出:5
parsefloat转化成浮点型
parsefloat("3.75years349") //后面的数字省略 输出:3.75
parsefloat("years") //输出:NaN

字符的截取和索引号的获取

substring函数和indexOf函数
var s=“xiannong's blog ”
s.indexOf("")代表取s出现第一个空格的索引号
s.substring(0,s.indexOf(""))从0截到第一个空格出现的索引号。
var s2=s.substring(0,s.indexOf("")); //输出“xiannong’s”

math属性函数

Math.PI 圆周率,3.1415。。。
Math.E 自然对数底数,2.718。。。
Math.abx(x) 返回x的绝对值
Math.max(x,y) 返回x和y中最大值

三:JavaScript程序三步骤

1创建HTML控件

以创建一个botton按键举例
image
image

2编写JavaScript事件处理函数

按了按钮会发生什么
alert()弹窗输出内容
image

3连接事件处理程序和控件

image
image

标签:字符,函数,indexOf,JavaScript,基础,parsefloat,Math
From: https://www.cnblogs.com/xiannong/p/18451240

相关文章

  • 网络安全入门教程(非常详细)从零基础入门到精通_网路安全 教程
     前言1.入行网络安全这是一条坚持的道路,三分钟的热情可以放弃往下看了。2.多练多想,不要离开了教程什么都不会了,最好看完教程自己独立完成技术方面的开发。3.有时多百度,我们往往都遇不到好心的大神,谁会无聊天天给你做解答。4.遇到实在搞不懂的,可以先放放,以后再来解决。先科......
  • 实验2 C语言分支与循环基础应用编程-1
    实验任务1:task1.c源代码:1#include<stdio.h>2#include<stdlib.h>3#include<time.h>45#defineN56#defineN13977#defineN24768#defineN321910intmain(){11intcnt;12intrandom_major,random_no;1314......
  • 深拷贝与浅拷贝:JavaScript 里的“复制粘贴”大作战
    在JavaScript的世界里,复制对象就像是在玩“传声筒”游戏,听着听着就乱了套。今天,我们要聊聊两个“复制”大法:深拷贝和浅拷贝。他们就像是“有深度的朋友”和“表面交情的朋友”,那么到底有什么区别呢?让我们一起看看!1.浅拷贝:表面交情浅拷贝就像你和朋友一起去吃火锅,你们的......
  • 2024-2025-1 学号(20241425) 《计算机基础与程序设计》第三周学习总结
    2024-2025-1学号(20241425)《计算机基础与程序设计》第三周学习总结作业信息这个作业属于哪个课程[2024-2025-3-计算机基础与程序设计](https://www.cnblogs.com/rocedu/p/9577842.html#WEEK03)这个作业要求在哪里<作业要求的链接>(https://www.cnblogs.com/rocedu/p/9......
  • 2024-2025-1 20241301 《计算机基础与程序设计》第3周学习总结
    这个作业属于哪个课程<2024-2025-1-计算机基础与程序设计>这个作业要求在哪里https://www.cnblogs.com/rocedu/p/9577842.html#WEEK03这个作业的目标<回顾本周所学知识,夯实基础>作业正文...https://www.cnblogs.com/HonJo/p/18462585教材学习内容总结1.门......
  • 2024-2025-1 20241328 《计算机基础与程序设计》第叄周学习总结
    2024-2025-120241328《计算机基础与程序设计》第叄周学习总结作业信息课程<班级的链接>2024-2025-1-计算机基础与程序设计作业要求2024-2025-1计算机基础与程序设计第一周作业作业目标数字分类与计数法,位置计数法,进制转换,模拟数据与数字数据,压缩与解压,数字化,信......
  • 黑客入门教程(非常详细)从零基础入门到精通,看完这一篇就够了
      这篇文章没有什么套路。就是一套自学理论和方向,具体的需要配合网络黑白去学习。毕竟是有网络才会有黑白!有自学也有培训!1.打死也不要相信什么分分钟钟教你成为大黑阔的,各种包教包会的教程,就算打不死也不要去购买那些所谓的盗号软件之类的东西。2,我之前让你们在没有目的......
  • Javascript笔试手撕题目大全
    1.如何使用JS模拟实现instanceof操作符?请写出具体代码方法描述优点缺点typeof 运算符返回变量的数据类型(对于基本类型很有效,但对于对象和数组返回 "object")简洁易用,适用于基本类型判断无法准确判断 null(返回 "object")和复杂对象/数组的类型instanceof 运算符检查对象是......
  • JAVA基础知识
    day01-继承&修饰符1.继承1.1继承的实现(掌握)继承的概念*继承是面向对象三大特征之一,可以使得子类具有父类的属性和方法,还可以在子类中重新定义,以及追加属性和方法实现继承的格式*继承通过extends实现*格式:class子类extends父类{}*举例:classDogextendsAn......
  • 2024-2025-1 20241318 《计算机基础与程序设计》第三周工作总结
    这个作业属于哪个课程<(https://edu.cnblogs.com/campus/besti/2024-2025-1-CFAP)>(如[2024-2025-1-计算机基础与程序设计]这个作业要求在哪里https://www.cnblogs.com/rocedu/p/9577842.html#WEEK03这个作业的目标数字分类与计数法位置计数法进制转换模......