- 博客(14)
- 收藏
- 关注
RSS订阅原创 购物车计数器
html样式<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l...
2022-04-29 15:23:18
204
原创 javascript
javascript是一门基于对象和事件驱动并具备一定安全性的浏览器脚本语言。组成DOM(Document Object Model) 文档对象模型 用于操作结构的BOM(Browser Object Model) 浏览器对象模型ECMAScript 核心JS (变量 、命名规范、数据类型 、操作语句)书写位置行内<body> <div onclick="alert('不忘初心，方的始终！')“ style=“width:200px; hei...
2022-03-26 18:08:09
1015
原创 获取随机验证码
// 获取元素var span = document.getElementsByTagName("span")[0];// 赋值一个随机4位验证码var char = "0123456789abcdefghijklmnopqrstuvwxyzABCDEFGHIJKLMNOPQRSTUVWXYZ";// 页面初始化span.innerHTML = getChar(5);// 点击切换span.onclick = function () { // 给span从新赋值 ...
2022-03-26 18:01:12
270
原创 倒计时实现
// 获取元素var span = document.getElementsByTagName("span")[0];// 页面初始化downCount();// 每隔一秒钟就调用一次setInterval(downCount,1000);// 倒计时function downCount(){ // 当前时间 var curDate = new Date(); // 目标时间 var tarDate = new Date("2022/3/2617:20:...
2022-03-26 17:57:52
86
原创 运动函数的封装
单方向匀速运动// 获取元素var div = document.getElementsByTagName("div")[0];var btn = document.getElementsByTagName("button")[0];// 定义变量保存定时器的返回值var timer = null;// 绑定事件 div left 10 ->1000btn.onclick = function () { // 防止用户多次点击 在设置定时器之前先清除定时...
2022-03-26 17:53:30
127
原创 IE浏览器兼容处理
var width = null; var height = null; // 对于单个数据而言只有0 NaN null undefined "" 是假的其它的都是真的 if(div.currentStyle){ //IE下 width = div.currentStyle.width; height = div.currentStyle.height; }else{ //IE以外其它的浏览器 width = getCom...
2022-03-26 17:48:31
68
原创 获取经过浏览器渲染样式封装
作用:获取经过浏览器渲染的样式值 参数： eleObj:元素对象 attr:样式属性返回值：样式值 function getStyle(eleObj, attr) { // 判断兼容 if (eleObj.currentStyle) { //IE浏览器下 // 将获取到的样式值返回给外界 return eleObj.cur...
2022-03-26 17:46:00
108
原创 求任意两个数字之和 求任意多个数字之和
求任意两个数字之和function sum(num1, num2) { console.log(num1, num2); console.log(num1 + num2);} sum(10, 20);sum(100, 200); // 求任意多个数字之和function sums() { var total = 0; for (var i = 0; i < argume...
2022-03-26 17:35:02
226
原创 求1到n的值
function sum(n) { console.log(n); var total = 0; for (var i = 1; i <= n; i++) { total += i; } console.log(total);} sum(10);sum(100);sum(1000);
2022-03-26 17:16:35
132
原创 第一行输出1个星 第二行输出2个 星....
// ☆// ☆☆// ☆☆☆// ☆☆☆☆// ☆☆☆☆☆for (var i = 0; i < 5; i++) { document.write("<br/>"); // 内存for循环控制的是列 for (var j = 0; j <= i; j++) { document.write("☆"); ...
2022-03-26 17:12:50
1857
原创 【html知识点】
background-color ：设置元素的背景颜色常用的值 color_name 规定颜色值为颜色名称的背景颜色（比如 red） hex_number 规定颜色值为十六进制值的背景颜色（比如 #ff0000）。 rgb_number 规定颜色值为 rgb 代码的背景颜色（比如 rgb(255,0,0)）。 transparent 默认。背景颜色为透明。 background-image ：为元素设置背景图像常用的值 url(‘...
2022-03-25 17:31:43
432
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人