（3）JavaScript（网页搭建与JavaWeb基础）
关注
分享
扫一扫
JS基础
小懒羊爱吃草
小枯林
展开
-
JavaScript十七：事件（概述）；DOM（概述）；
事件概述：● 事件：前面遇到的onclick，onchange，onload都是事件； 前面对表单元素进行控制时，多次用到了事件；● 事件主要核心有两点：（1）事件在什么时候发生；（2）事件达到什么效果（实现了什么功能）。注：事件是JS的，所以，像下面在html代码中写事件，就是JavaScript和HTML混着写的情况；事件的关键是，什么时候用事件，以及这个事件要实现什么功能；2.DOM概述DOM：DocumentObjectModel（文档对象模型）...原创 2020-12-29 14:23:51 · 204 阅读 · 2 评论 -
JavaScript十六：表单七：复选框：实现全选、全不选、反选，获得选中项的值
需求：复选框，实现全选、全不选、反选，获得选中项的值：示例代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <!--add()方法输出中文出现了乱码，这儿指定下编码方式--> <title>js</title> <script type="text/javascript" src="index.js"></scr原创 2020-12-29 13:20:03 · 533 阅读 · 0 评论 -
JavaScript十五：表单六：图片，下拉列表框选不同值显示不同的图片
需求：改变列表框的值时候，图片发生改变：、程序代码：<!DOCTYPE html><html><head> <meta charset="utf-8"> <!--add()方法输出中文出现了乱码，这儿指定下编码方式--> <title>js</title> <script type="text/javascript" src="index.js"></script>原创 2020-12-29 12:14:18 · 2559 阅读 · 0 评论 -
JavaScript十四：下拉列表框联动（表单四这篇博客中提到的第二种方案，在表单五这篇博客的基础上）
（1）思路一，2月时就删减几天，3月时就再加几天；下面的策略可以实现那个效果，但是太笨重了；明天在想明白下拉列表框在删除和增加时，索引变化规律后，统一成一个方法：待改……<!DOCTYPE html><html><head> <meta charset="utf-8"> <!--add()方法输出中文出现了乱码，这儿指定下编码方式--> <title>js</title> <script t.原创 2020-12-29 00:22:23 · 259 阅读 · 0 评论 -
JavaScript十三：表单五：下拉列表框删除单个条目；全部删除下拉列表的条目
下拉列表框删除部分条目，删除全部条目：完整程序：<!DOCTYPE html><html><head> <meta charset="utf-8"> <!--add()方法输出中文出现了乱码，这儿指定下编码方式--> <title>js</title> <script type="text/javascript" src="index.js"></script>&l原创 2020-12-28 23:42:13 · 1078 阅读 · 0 评论 -
JavaScript十二：表单四：下拉列表框默认显示某个中间的值；列表框联动；
目录需求1：下拉列表框，默认显示某个（中间的）：、需求2：如2月只有29、28天，选择不同的月份时，天数也随之改变：联动：本篇博客的主要内容有：● yyyy.selectedIndex = Math.round(n/2);设置下拉列表框默认显示的值；●onchange属性：下拉框值变化时会触发某个函数；●yyyy.value：获取当前列表框的值；●dd.options.length = 0：dd列表框中条目的数量设为0，起到了删除的效果；需求1：下拉列表框，默认显示某个...原创 2020-12-28 22:51:31 · 737 阅读 · 0 评论 -
JavaScript十一：表单三：下拉列表框初始化，初级介绍
列表：●如：var yyyy = document.getElementById("yyyy"); 这个方法可以获取id=“yyyy”的控件；获得之后，方便后续操作；●如：yyyy.options.add(new Option(i,i)); 给yyyy这个控件，添加下拉的选项，其中第一个参数是页面显示值，第个参数是value；●对于这个列表的初始化，采用了onload()函数的处理方式；<!DOCTYPE html><html><head&g...原创 2020-12-28 19:13:26 · 1370 阅读 · 0 评论 -
JavaScript十：表单二：单选按钮
单选按钮的设置方法：●单选按钮，可以利用name属性分组，同组内只能选中一个；name相同也方便后面通过name获得单选按钮所有选型的一个数组；● <input type="radio" name="sex" value="1">男 value的值是传递到后台的值；可以通过如下，获取value属性的值：●checked="checked" ：默认选中的单选项：● document.getElementsByName(name); ...原创 2020-12-28 18:26:18 · 6503 阅读 · 0 评论 -
JavaScript九：表单一：文本框默认显示值；单击按钮触发事件；设置文本框的值；＜body onload=“mtd()“＞页面重新加载执行方法
JS对表单元素（文本框，列表框，单选按钮等）进行设置（初始化，赋值，取值等），会经常遇到。目录1.onclick="" ：按钮单击出发的事件onclick="" 示例1：onclick="" 示例2：document.getElementById(id)：获取“某个元素对象”2.onload="" ：页面刷新加载前执行的，写在<bodyonload="">1.onclick="" ：按钮单击出发的事件onclick="" 示例1：●<i...原创 2020-12-28 15:11:02 · 1335 阅读 · 0 评论 -
JavaScript八：数组，其中有增强for循环
数组的使用率比较高，与后台交互数据时经常用到数组；数组的创建：// 数组的创建var arr1 = new Array();// 创建数组并指定长度var arr2 = new Array(5);// 创建数组并初始化var arr3 = new Array(2,5,"dd","d",8);var arr4 = [2,5,"dd","d",8]; // 简写形式var arr5 = []; 数组的遍历：var arr1 = [2,5,"dd","d",8]; //原创 2020-12-28 13:39:26 · 2185 阅读 · 0 评论 -
JavaScript七：函数：字符串截取拼接…；日期类…；取整，最大最小，绝对值…；
目录一：字符函数：（1）substring(index begin，indexend)：取子串（2）substr(index begin，lengthn)：取子串（3）charAt(index n)：取某个索引处的字符（4）length属性：字符串长度（5）indexOf(“c”) ||indexOf(“c”，index begin)：查找字符c出现的索引位置（6）split(“c”)：分割字符串字符成数组（7）concat()：拼接字符串（8）replace(st...原创 2020-12-28 13:19:59 · 511 阅读 · 0 评论 -
JavaScript六：程序控制：if-else；switch；for&while&do-while
目录1.条件判断：if-else示例：2.多条件分支：switch示例3.循环语句for循环：while循环&do-while循环：1.条件判断：if-else示例：var n = 10;var str;if (n>10) { str = "大于10";}else if (n<10){ str = "小于10";}else{ str = "等于10";}console.log(str);2.多条件分支：switch示例v.原创 2020-12-28 11:34:55 · 175 阅读 · 0 评论 -
JavaScript五：全局变量&局部变量；运算符
目录一：全局变量&局部变量1.第一个示例2.第二个示例：3.第三个示例：二：运算符1.比较运算符2.运算符的优先级3.逻辑运算符4.三目运算符一：全局变量&局部变量1.第一个示例var n = 9; // 全局变量function fun1(){ var n1 = 5; //函数内部定义的，局部变量 n = 12;}function fun2(){ n = n-1;}function fun3(){ consol原创 2020-12-27 12:36:28 · 237 阅读 · 0 评论 -
JavaScript四：数据类型及类型转换
目录一.数据类型二.数据类型的转换：1.转换函数，parseInt()：示例（1）parseInt()简单示例（2）parseInt()：转换失败案例；结合isNaN()，增加健壮性.(转换之前最好都使用isNaN()判断)2. 转换函数，parseInt()，parseFloat()，Number()：综合比较（1）是整数的情况下：（2）小数的情况（3）字母的情况（4）数字开头，字母结尾（5）字母开头，数字结尾（6）为null时：（7）为“”空串时..原创 2020-12-27 00:37:02 · 314 阅读 · 0 评论 -
JavaScript三：自定义函数
JavaScript中函数包括： ●自定义函数：程序员自己编写的；自定义函数也可称作方法； ● 内置函数：JS自带的，完成一些通用的功能；目录1.创建方法1（常用的方法）2.创建方法2（这种方法一般不用）1.创建方法1（常用的方法）<!DOCTYPE html><html><head> <meta charset="utf-8"> <!--add()方法输出中文出现了乱码...原创 2020-12-26 23:37:19 · 300 阅读 · 0 评论 -
JavaScript：第一个JS程序；如何在页面上使用JS范例
1.JavaScript两种使用方法：内置&外部引用；（1）内置的方法： 可以在页面的任何一个位置输入<script></script>标签，然后在两个<script>中可以写代码，这些写在<script>标签之间的代码就是JavaScript脚本语言。（2）外部文件引用（主流做法）： 方便梳理，也方便团队协作。JavaScript理论上可以写在任何位置，可以写在<head>中...原创 2020-12-26 23:05:05 · 661 阅读 · 4 评论 -
JavaScript一：JavaScript简介
HTML：基本结构的创建，骨架； CSS：美化作用，使页面更漂亮； JS：实现功能；（1）JavaScript简介 ● JavaScript简称JS，是一个脚本编程语言。 ● 脚本：一种特定的描述性语言，依据一定的格式编写的可执行文件； 被广泛的应用于html页面设计中，可以减少网页的规模，提高网页的浏览速度，可以丰富页面的表现和页面的功能。（2...原创 2020-12-26 22:25:23 · 267 阅读 · 0 评论