一起学习【javaScript】
西方契约
科技改变生活,学无止境,加油(博客只是为了记录学习笔记,方便复习,不一定完全正确,仅供参考,一起学习,加油)
展开
-
获取浏览器页面缩放或展示比例
翻页面的时候,不经意看到了 csdn还是什么页面 给提示‘您当前页面处于缩放,页面可能会错乱’;就好奇 怎么获取到 页面是否缩放和 缩放比例的,所以就查询了一下:得到了 下面的结果 做个记录;原文地址:https://www.cnblogs.com/dyhao/p/11458882.htmlvar ratio=0; var screen=window.screen;...转载 2019-11-12 17:15:16 · 3862 阅读 · 0 评论 -
JavaScript基础2-html列表标签<dl><dt><dd><ul><ol><li>图像标签,表格标签,超链接http协议,mailto邮件协议,锚点的使用
分享js学习视频,百度网盘:js毕向东链接:https://pan.baidu.com/s/1J2v_7ZEmRSCcIRm0mQfjrA提取码:1oz3列表标签:html 注释 <!-- 注释掉的内容 -->html图片标签:src为图片 路径,alt 属性为 鼠标悬浮图片时 展示的文字提示;width 设置图片宽度 height 设置图...原创 2019-05-07 20:52:49 · 805 阅读 · 1 评论 -
JavaScript基础7-JavaScript的with语句;with 指定一个对象所使用的范围,可以省略 (对象.)for in 语句;parseInt ,JavaScript的toString
JavaScript的with语句;with 指定一个对象所使用的范围,可以省略 (对象.)使用with之前代码获取对象的属性:使用with之后,获取对象属性:JavaScript 的for in 语句:可以循环获取 对象的key值,可以获取数组的脚标;例如:JavaScript 字符串对象,常用方法:详细的 可以参考JavaScript手册;...原创 2019-05-16 10:08:47 · 152 阅读 · 0 评论 -
JavaScript基础8-JavaScript 使用date with 三元表达式 打印年月日:使用prototype 属性 ,可以给对象扩展方法;
JavaScript 使用date with 三元表达式 打印年月日:Javastript 使用prototype 属性 ,可以给对象扩展方法:例如给字符串String对象扩展trim方法;JavaScript:使用prototype 编写工具类,给String 增加trim方法:在 js文件中,引用写好的工具类;字符串对象就可以使用自己扩展之后的trim方法了:代码 ...原创 2019-05-16 10:31:53 · 158 阅读 · 0 评论 -
JavaScript基础9-dom 文档对象模型;html dom css javascript ,
html dom css javascript 分别负责什么工作;原创 2019-05-18 09:08:17 · 151 阅读 · 0 评论 -
JavaScript基础10-DOM基础解释,DOM对象的三种关系;通过id,name,标签名获取dom对象
DOM树解释:DHTML:HTML+CSS+DOM+JAVASCRIPTDOM树,常用标签:基础点击事件:给字体加红色;代码:效果:HTML 节点的三种关系:代码:获取父节点,字节点,上一个兄弟节点,下一个兄弟节点:根据标签名称获取 节点对象数组;可以通过id,name,标签名 获取dom对象获取一个对象下的所有...原创 2019-05-29 12:53:32 · 1463 阅读 · 0 评论 -
JavaScript基础11-对标签添加了disabled属性后,鼠标的 移入 移除事件 就会绑定失效;
一个功能,需要置灰后 增加悬浮提示,嫌弃 title 的字体不够美观,想增加一定的样式,在功能开发中发现:对标签添加了disabled属性后,鼠标的 移入 移除事件 就会绑定失效;所以就临时记录一下; 解决的话,可以给 标签加一个父标签,给父标签 增加 鼠标 事件;...原创 2019-06-01 15:57:22 · 2107 阅读 · 0 评论 -
JavaScript基础12-window对象,获取关于web浏览器的信息,获取用户浏览的url信息,获取客户的屏幕和渲染能力信息
window对象;可以获取关于web浏览器的信息;可以获取用户浏览的url信息可以获取客户的屏幕和渲染能力信息等等等 信息,见下图;window 下的navigator对象的 常用方法:window里提供了很多的方法,在使用时可以 省略window. 比如最常用的alter 是不需要写window.alter的例如获取:浏览器版本和名字;代码:...原创 2019-06-07 09:44:34 · 1026 阅读 · 0 评论 -
js选择器
转自:https://blog.csdn.net/Interseting/article/details/78162071 jQuery中正确的使用选择器非常重要常见的选择器: 1.标签选择器,也就是没有任何标点,直接的标签名的匹配; eg:$("input").css()...转载 2019-06-08 09:29:28 · 4463 阅读 · 0 评论 -
JavaScript基础13-使用css属性overflow进行展开闭合
进行 展开和隐藏效果展示的DIV ,并绑定onclik事件;css代码 使用 class属性选择器:给不同的属性 赋予不同的样式代码:JavaScript代码,绑定点击事件,事件逻辑简单if判断,如果展示就隐藏,如果隐藏就展开效果:隐藏超过css文件限制的超过8px 高度的内容;点击后 改变div的 class值和样式,展示隐藏掉的内容;...原创 2019-06-09 15:44:31 · 339 阅读 · 0 评论 -
JavaScript基础14-使用css和JavaScript实现多个div只有一个展开 其他闭合,innerText和innerHTML区别
dom树标签结构:初步代码:及初步默认展示效果初步默认展示效果:对最开始的div a td 等增加css样式熟悉:代码增加css演示后的展示效果:JavaScript+css控制 展开闭合1:代码补充JavaScript代码:效果:补充代码,只能有一个div展开时,其他全部闭合:效果:已经达到了 只展开一个 div的 效果:...原创 2019-06-09 16:21:15 · 326 阅读 · 0 评论 -
使用window.getSelection 或document.selection.createRange()获取鼠标选中的内容;
使用window.getSelection()获取div中选中文字内容及位置 οnmοuseup=function () { if (window.getSelection) { var text = window.getSelection().toString(); //选中文字 v...原创 2019-07-22 11:20:11 · 2267 阅读 · 0 评论 -
控制台获取页面某一列数据
这只是记录一个思路,一个想法,当页面很多列数据 无法只复制某一列数据时,可以控制台写JavaScript 用来获取所需数据:例如:页面控制台代码:根据class查询所有tr,获取第几列tr的text放到一个数组中;然后逗号分隔:对结果进行去重处理:重新声明一个数组,判断是否包含,不包含就存入,包含就不重复存;最好打印到控制台;获取到所需的数据...原创 2019-07-31 17:46:00 · 836 阅读 · 0 评论 -
页面保存记录的密码忘记了,如何查看页面保存的密码
现在都习惯登录的时候记录密码,比较方便,不用每次登录输入;但是长时间后 密码会忘记;只要有记录密码的登录页面就可以看到密码,很简单:1 ,按F12 ,或右键 检查;点击 小鼠标,然后点击 密码的输入框2. 将 type=‘password’ 改为 type='input' 既可以看到密码了;...原创 2019-08-08 10:57:40 · 5176 阅读 · 0 评论 -
生僻字入表会导致入表失败;[Err] 1366 - Incorrect string value: '\xF0\xA1\x98\x99' for column 'KNWLG_NM' at row 1
最近因为 出现了数据空白问题,定位结果 为生僻字‘????“ 导致入表报错,数据保存失败;所以记录一下;以后定位也多一个思路;测试表:结构及建表语句show create table index_learn;CREATE TABLE `index_learn` ( `learnId` bigint(20) unsigned NOT NULL COMMENT '知识ID', `knwle...原创 2019-09-17 09:57:38 · 515 阅读 · 1 评论 -
JavaScript基础10-变量,var;语句 if switch while do while,for;数组:相当于java的集合 长度可变;不会出现 索引越界;;一般函数,动态函数,匿名函数
JavaScript基本语法:变量,var;语句 if switch while do while,for;JavaScript 数组:相当于java的集合 长度可变;不会出现 索引越界;JavaScript函数:一般函数,动态函数,匿名函数函数使用注意项:...原创 2019-05-20 09:06:51 · 179 阅读 · 0 评论 -
JavaScript基础6-JavaScript实现99乘法表,JavaScript 对数组大小进行 冒泡排序,JavaScript中数组相当于Java的集合,不会越界;
JavaScript实现99乘法表代码:效果:使用css 对乘法表增加样式:代码:样式效果:JavaScript 对数组大小进行 冒泡排序代码:原创 2019-05-14 20:54:02 · 222 阅读 · 0 评论 -
JavaScript基础5-CSS层叠样式表,选择器,多级选择器 组合选择器 伪选择器
css层叠样式表 基础:选择器 基础知识:多级选择器 中间用空格; 组合选择器 中间用逗号;伪选择器是指的针对元素的一种状态示例代码:效果:...原创 2019-05-14 20:05:54 · 870 阅读 · 0 评论 -
javascript注释,javascript的变量,javascript的基本数据类型,
5 注释:单行注释 // 快捷键ctr+/多行注释 /**/ 快捷键ctr+shift+/Alert();打印到对话框6 变量简述 :变量:标示内存中的一块空间,用于存储数据,且数据是可变的变量的声明,在javaScript中编码只有var 如果不进行赋值,默认值是undefined(未定义的)变量的声明和赋值:var 变量名=值//变量赋予对原创 2017-10-28 14:49:18 · 235 阅读 · 0 评论 -
javascript的引用数据类型,javascript的运算符,逻辑运算符,javascript正则对象
9 引用数据类型:引用类型通常叫做类(class),但在JavaScript中,因为不存在编译过程,所以没有类的概念,所以JavaScript中所处理的引用数据类型都是对象标准的创建方式:var str = new String();//和java相同 var str = new String //js独有的方式10 运算符:javaScript运算符和java运算符基本一致Al原创 2017-10-28 14:50:54 · 302 阅读 · 0 评论 -
传统的javascript中事件绑定操作
1.1. 传统的javascript中事件绑定操作写法一 ”button” id =“btn” value=”按钮” onclick=”fun1()”>写法二:Windown.onload=function(){document.getElementById(“btn”).onclick=function(){}};原创 2017-11-01 16:37:40 · 251 阅读 · 0 评论 -
js数组的常用方法,javascript的数组,
Js的数组中 的每一个成员没有类型限制,及可以存放任意类型。数组的长度可以自动修改四种创建方式:第一 var arr = [1,2,”a”,afalse] ; 第二var arr = new Array();创建一个数组对象,数组的长度默认是0; 第三 var arr = new Array(4); 创建数组长度是4,相当于开辟了长度为4的空间,每个元素都是默认的undefined;原创 2017-10-28 14:52:25 · 220 阅读 · 0 评论 -
js 语法规则 全局函数global 可以直接用 ;javascript的编码和解码;字符串转数字
javaScript 下:1 js 语法规则 全局函数global 可以直接用 执行一段代码 Eval(string)可以把传入的字符串,作为javaScript的脚本代码执行。Eval可以扩展程序功能。注意事项:只能传递基本数据类型的字符串,不能传入字符串对象。2 编码和解码:URL编码:中文及特殊符号 本质就是 把十进制转换为16进制 用%分割拼接%16进制原创 2017-10-28 14:56:14 · 455 阅读 · 0 评论 -
自定义函数,函数的使用注意事项,自定义对象,对象直接量
4 自定义函数 :如果一段代码需要被重复编写和使用,那么我们未来方便统一编写使用,可以将其封装近一个函数(方法)中。作用:增强代码的复用性函数格式:function 方法名(参数列表){函数体}需要注意的是:JavaScript 函数定义必须用小写的function 。JavaScript函数无需定义返回值类型,直接在function后面书写方法名;原创 2017-10-28 15:01:39 · 4066 阅读 · 0 评论 -
javascript的BOM对象简介,BOM消息框,javascript循环定时器,一次性定时器,javascript的location对象
8 BOM对象简述: BOM(Browser Object Model)浏览器对象模型作用:用来执行浏览器的相关操作,(例如浏览器的地址,弹出的消息等)一般情况下,widow代表了BOM对象Window对象是JavaScript的内置对象,使用window对象调用方法时可以省略window不写9 BOM消息框:Alert()警告框 不同浏览器显示的组件的样式不同原创 2017-10-28 15:03:02 · 284 阅读 · 0 评论 -
DOM简介,DOM树简介,获取元素节点对象; DOM对象的常见的元素属性
13 DOM简介:DOM(Document Object Model)文档对象模型 文档指的是:标记型文档(HTML等)DOM 是将标记型的文档中内容(标签,文本, 属性等)都封装成对象,通过操作对象的属性或者方法,来达到操作或者改变Html展示效果的目的。14 DOM树简介HTML文档会被浏览器由上到下一次加载并解析。加载到浏览器的内存,加载到DOM数上其中:每个标签会原创 2017-10-28 15:04:22 · 1212 阅读 · 0 评论 -
javascript事件简述和入门案例,js事件驱动机制;js 点击事件;js 焦点事件表单提交事件,键位弹起事件鼠标移入移除事件,
20 js事件简述和入门案例:通过鼠标或者热键的动作,我们称为事件,例如点击,表单提交等等 21 js事件驱动机制:页面上的特效。我们可以在js事件驱动机制下进行的Js事件驱动机制:四部分事件源 谁发生的什么事(按钮)事件 发生的什么事(点击事件 onclick)监听器 行为者(方法)注册/绑定监听器监听事件源(onclick =”run()”) 事原创 2017-10-28 15:05:43 · 566 阅读 · 0 评论 -
getElementById()和$("#id")的区别
转自:https://blog.csdn.net/weixin_41989775/article/details/810631611.getElementById()获取的是js对象,$("#id")获取到的是jq对象.2.二者获取到的对象不同,所以只能操作使用其对应的js/jq对象的方法,不能使用jq对象去操作js的方法,也不能使用js对象去操作jq的方法.3.两者相互转换 ...转载 2019-05-06 10:01:32 · 2287 阅读 · 0 评论 -
JavaScript基础3-form表单标签,select选择标签,textarea标签,get请求头 请求体含义解释
表单form代码:注意项:单选框,只有name值一样时(为同一组单选)才具备单选的特性;input的hidden标签值,用于以下记录的信息不需要用户看到的情况,且可以照常提交到后台服务器;效果:select 标签:代码:option是选项,size 属性值 是默认展示 几个;效果:textarea标签 :效果:浏览器请求的请求...原创 2019-05-13 20:22:47 · 325 阅读 · 0 评论 -
JavaScript基础4-lable标签给各元素指定快捷键,<pre> 标签:保留pre标签内容的原有格式:<sub><sup> 下标,上标 标签:marquee :悬浮,滚动标签
lable 标签:代码:label accesskey 指定对应哪个快捷键,for 的值 是需要和哪一个元素标签绑定,和元素标签的id值保持一致;效果:按ALT+u 使用户名 输入框获取鼠标焦点;<pre> 标签:保留pre标签内容的原有格式:示例:加pre之前代码:及展示效果:页面:加上pre标签之后:页面:B,I,U ,strong...原创 2019-05-13 21:33:02 · 397 阅读 · 0 评论 -
JavaScript基础1-html简介,常用字体标签,标题标签,特殊字符转译
分享js学习视频,百度网盘:js毕向东链接:https://pan.baidu.com/s/1J2v_7ZEmRSCcIRm0mQfjrA提取码:1oz3html介绍:htlm是非严谨语言,1 标签不完整,2 标签不对 不影响浏览器解析展示;例如:常用的字体标签<font> 标题标签 <h1> <h2>....<...原创 2019-05-07 13:22:57 · 442 阅读 · 0 评论 -
JavaScript基础5-复习正则表达式
正则表达式:可以用来匹配:matches获取 pattern matcher切割 split替换 replaceAll原创 2019-05-14 19:48:26 · 110 阅读 · 0 评论 -
javaScript:是WEB上强大的脚本语言,入门案例,javascript的组成,引入方式
1 概述:javaScript:是WEB上强大的脚本语言,作用是控制页面特效展示。脚本语言:无法独立执行,必须嵌套到其他语言中,结合使用直接被浏览器解析和执行 例如js可以对html元素进行动态控制Js可以对表单项进行校验Js可以控制css的样式2 简单案例 CSS是JavaScript是写在中的同样也是在head之间特征:javaScript无需编译,直原创 2017-10-28 14:48:03 · 1695 阅读 · 0 评论