JavaScript
关注
分享
扫一扫
文章平均质量分 64
二木成林
这个作者很懒，什么都没留下…
展开
-
JavaScript高级之数据类型及其判断方法
JavaScript据类型原创 2022-03-13 10:06:29 · 1887 阅读 · 0 评论 -
JavaScript高级之对象属性的设置和访问
JavaScript中的对象是属性和方法的集合体。原创 2022-03-13 10:04:30 · 1567 阅读 · 0 评论 -
JavaScript高级之函数
JavaScript中的函数是一组操作的集合体，函数中封装了一组语句。并且函数是可以执行的，而其他类型的数据是不能执行的。原创 2022-03-13 10:02:55 · 779 阅读 · 0 评论 -
JavaScript高级之原型
显式原型与隐式原型原创 2022-03-13 09:59:52 · 1439 阅读 · 0 评论 -
JavaScript高级之变量声明提升和函数声明提升
变量声明提升和函数声明提升原创 2022-03-13 09:57:53 · 473 阅读 · 0 评论 -
JavaScript高级之闭包
闭包原创 2022-03-13 09:56:07 · 344 阅读 · 0 评论 -
JavaScript高级之对象创建的几种方式
JavaScript创建对象的几种方式原创 2022-03-13 09:53:49 · 289 阅读 · 0 评论 -
JavaScript高级之继承
原型链继承原创 2022-03-13 09:51:29 · 324 阅读 · 0 评论 -
使用回调函数获取函数中异步操作的结果
引入例如有这样一个函数，要获取其中的ret值，该如何操作呢？注意，这里的setTimeout()就是一个异步操作。function add(x, y) { setTimeout(function () { var ret = x + y; }, 1000)}add(10, 20);通过return无法获取到异步操作中ret的值。function add(x, y) { setTimeout(function () { var ret =原创 2021-11-08 23:03:28 · 934 阅读 · 0 评论 -
JavaScript中Browser之存储对象sessionStorage和localStorage
概述Web 存储 API 提供了 sessionStorage （会话存储） 和 localStorage（本地存储）两个存储对象来对网页的数据进行添加、删除、修改、查询操作。 localStorage 用于长久保存整个网站的数据，保存的数据没有过期时间，直到手动去除。 sessionStorage 用于临时保存同一窗口(或标签页)的数据，在关闭窗口或标签页之后将会删除这些数据...原创 2020-02-02 16:58:07 · 353 阅读 · 0 评论 -
JavaScript中Browser之Location 对象
概述Location 对象包含有关当前 URL 的信息。Location 对象是 window 对象的一部分，可通过 window.location 属性对其进行访问。语法// hash属性将返回一个URL的锚部分window.location.hash// host属性将返回一个URL的主机名和端口window.location.host// hostname属性将...原创 2020-02-02 14:38:08 · 456 阅读 · 0 评论 -
JavaScript中Browser之Screen 对象
概述Screen 对象包含有关客户端显示屏幕的信息。可以通过window.screen进行访问。语法// availHeight 属性声明了显示浏览器的屏幕的可用高度，以像素计。window.screen.availHeight// availWidth 属性声明了显示浏览器的屏幕的可用宽度，以像素计。window.screen.availWidth// colorD...原创 2020-02-02 13:29:22 · 256 阅读 · 0 评论 -
JavaScript中Browser之History对象
概述History 对象包含用户（在浏览器窗口中）访问过的 URL。History 对象是 window 对象的一部分，可通过 window.history 属性对其进行访问。语法// 返回历史列表中的网址数window.history.length// 加载history列表中的前一个url// 等价于window.history.go(-1)window.histo...原创 2020-02-02 13:07:20 · 574 阅读 · 0 评论 -
代码高亮插件Rainbow
插件使用参考：https://craig.is/making/rainbows#原作者GitHub：https://github.com/ccampbell/rainbow/blob/master/README.md原创 2019-12-07 16:50:26 · 564 阅读 · 0 评论 -
代码高亮插件SyntaxHighlighter
插件介绍SyntaxHighlighter 是一款完全基于JavaScript的代码高亮插件。SyntaxHighlighter 可以对大部分编程语言进行着色渲染，而且代码高亮的性能也非常不错。SyntaxHighlighter 还可以自定义主题文件。示例文件下载官方网站简单使用示例代码：<!DOCTYPE html><html> ...原创 2019-11-09 12:46:51 · 2187 阅读 · 0 评论 -
在HTML页面中引入另一个HTML文件内容
一、在<head>标签中使用import引入include.html<meta charset="utf-8"><!-- 新 Bootstrap 核心 CSS 文件 --><link href="/css/bootstrap.min.css" rel="stylesheet"><!-- 导入基本样式 --><lin...原创 2019-10-27 17:14:53 · 9643 阅读 · 0 评论 -
JavaScript的一些下拉列表框用法
效果展示源码<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>设置下拉列表框的列表项</title></head><body><div> <select name="com...原创 2019-10-20 21:10:02 · 1509 阅读 · 0 评论 -
JavaScript实现获得表格中被选中的复选框
效果展示代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> </head> <body> <table border="1" cellspacing="0" cellpadding="0"> <tr> &...原创 2019-10-19 10:35:31 · 1771 阅读 · 0 评论 -
JavaScript实现表格中的复选框全选与反全选
效果展示代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> </head> <body> <table border="1" cellspacing="0" cellpadding="0"> <tr> &...原创 2019-10-18 21:16:03 · 472 阅读 · 0 评论 -
将Java数组转换成JS数组
效果展示代码<%@ page contentType="text/html;charset=UTF-8" language="java" %><html><head> <title>测试</title></head><body><% // 创建一个Java数组 ...原创 2019-10-18 13:01:48 · 1322 阅读 · 0 评论 -
JavaScript实现下拉列表框添加选项
效果展示代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> </head> <body> <div> <select name="list" id="list"> <option>请选择&...原创 2019-10-18 12:41:25 · 7179 阅读 · 0 评论 -
JavaScript实现表格添加和删除行
效果展示添加删除代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> </head> <body> <input type="button" onclick="addRow();" value="添加"> <t...原创 2019-10-18 11:55:00 · 2453 阅读 · 0 评论 -
通过JavaScript设置类class
效果展示代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> <style type="text/css"> .redBackground{ background-color: red; } </style> </h...原创 2019-10-18 11:33:31 · 913 阅读 · 0 评论 -
通过JS监听input输入框的值变化
效果展示代码<!DOCTYPE html><html> <head> <meta charset="utf-8"> </head> <body> <input type="text" id="input" oninput="getValue();" onporpertychange="get...原创 2019-10-18 11:23:56 · 7367 阅读 · 0 评论