![](https://img-blog.csdnimg.cn/20201014180756738.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
Dragon.liu
这个作者很懒,什么都没留下…
展开
-
表单数据验证组件
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap表单样式一</title> <!-- 让页面样式根据设备大小进行调整显示 --> <meta name=viewport content="width=device-width,initial-scale=1"> <script type="text/javas原创 2021-11-03 18:51:16 · 116 阅读 · 0 评论 -
Bootstrap模态样式
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap表单样式一</title> <!-- 让页面样式根据设备大小进行调整显示 --> <meta name=viewport content="width=device-width,initial-scale=1"> <script type="text/javas原创 2021-11-03 16:37:32 · 63 阅读 · 0 评论 -
Bootstrap面板样式
实例<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap表单样式一</title> <!-- 让页面样式根据设备大小进行调整显示 --> <meta name=viewport content="width=device-width,initial-scale=1"> <script type="text/ja原创 2021-11-03 15:41:51 · 362 阅读 · 0 评论 -
Bootstrap徽章样式
徽章<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap表单样式一</title> <!-- 让页面样式根据设备大小进行调整显示 --> <meta name=viewport content="width=device-width,initial-scale=1"> <script type="text/ja原创 2021-11-03 14:53:23 · 218 阅读 · 0 评论 -
Bootstrap表单样式
样式一<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap表单样式一</title> <!-- 让页面样式根据设备大小进行调整显示 --> <meta name=viewport content="width=device-width,initial-scale=1"> <script type="text/原创 2021-11-03 14:04:50 · 1077 阅读 · 0 评论 -
js,jq Bootstrap组件样式(二)
图片样式<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap图片样式</title> <!-- 让页面样式根据设备大小进行调整显示 --> <meta name=viewport content="width=device-width,initial-scale=1"> <script type="text/原创 2021-11-02 23:34:00 · 102 阅读 · 0 评论 -
JS、JQ Bootstrap基本样式(一 )
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>Bootstrap样式(一)</title> <!-- 让页面样式根据设备大小进行调整显示 --> <meta name=viewport content="width=device-width,initial-scale=1"> <script type="text/java原创 2021-11-02 19:01:48 · 76 阅读 · 0 评论 -
JavaScript组件echarts
<!DOCTYPE html><html><head> <meta charset="utf-8"> <title>饼图</title> <script src="js/echarts.js"></script> <style type="text/css"> #main1,#main2{ height: 500px; width: 800px; margin: 0原创 2021-11-02 18:18:02 · 250 阅读 · 0 评论 -
Jquery事件的绑定
为多个元素进行事件绑定<!DOCTYPE html><html><head> <meta charset="utf-8"> <title></title> <!-- 导入jq的js文件 --> <script src="js/jQuery.js"></script> <script type="text/javascript"> $(function(){ $("原创 2021-10-31 11:58:47 · 360 阅读 · 0 评论 -
JQuery选择器
ID选择器$(function(){ var div = $("#myDiv"); console.log(div);})类选择器$(function(){ var element = $(".myClass"); console.log(element[0]);})$(function(){ var divs = $("div"); console.log(divs[0]);})$(function(){ var divs = $("div,span,.myClass"原创 2021-10-30 15:13:49 · 193 阅读 · 0 评论 -
jQuery的概念
事件的加载三种方式//加载事件页面加载完毕立即执行$(document).ready(function(){ alert("jdksj");})$(function(){ alert("jdksj");})jQuery(document).ready(function(){ alert("djksjfk");})操作结点原生方法window.onload=function(){ var len = document.getElementsByTagName("tr").len原创 2021-10-30 13:33:53 · 54 阅读 · 0 评论 -
JS事件冒泡window对象
window.onload = function(){ document.getElementById("a").onclick = function (){ alert("a");}; document.getElementById("b").onclick = function (){ alert("b"); //阻止事件冒泡 event.stopPropagation();}; document.getElementById("c").onclick = function (){原创 2021-10-29 15:45:53 · 102 阅读 · 0 评论 -
JS事件的绑定
单击事件<!DOCTYPE html><html><head> <title></title></head><body> <!-- 单击事件 --> <button type="button" onclick="login('smith',1234)">提交</button></body></html><script src="js/sh原创 2021-10-29 12:46:22 · 85 阅读 · 0 评论 -
JavaScript一些属性的操作
创建文本节点//创建文本结点var div = document.getElementsByTagName("div")[0];var textNode = document.createTextNode("<p>好好学习天天向上</p>");div.appendChild(textNode);//在末尾创建元素结点//创建元素结点var div = document.getElementsByTagName("div")[0];var elementNode =原创 2021-10-29 11:55:42 · 51 阅读 · 0 评论 -
js关于字符串的一些操作
var str="Hello World";console.log(str.charAt(6));//第一次出现的位置console.log(str.indexOf("l"));//最后出现的位置console.log(str.lastIndexOf("l"));//长度console.log(str.length);//返回截取到的字符串console.log(str.substring(4,7));//o w取得索引4,5//大小写转换console.log(str.toUpper原创 2021-10-29 10:46:09 · 44 阅读 · 0 评论 -
JS操作属性
随机数生成//生成随机数[0,1)var random = Math.random();var r1 = parseInt(Math.random()*5);console.log(r1);图片的替换和轮播var imges = new Array();imges.push("http://kr.shanghai-jiuxin.com/file/mm/20210503/jp1dmzj4cvy.jpg");imges.push("http://kr.shanghai-jiuxin.com/f原创 2021-10-28 19:01:49 · 92 阅读 · 0 评论 -
JS的一些方法
数字对象//数字对象var str="879.8988";var num = parseFloat(str);console.log(num);//保留有效数字var nums = num.toFixed(3);//四舍五入console.log(nums);日期对象var date = new Date();console.log(date);console.log(date.getFullYear()+"-"+(date.getMonth()+1)+"-"+date.getDay原创 2021-10-28 18:11:31 · 46 阅读 · 0 评论 -
JS对象的创建
字面量创建对象var person={ name:"smith", sex:"男", age:18, eat:function(fruit){ console.log('正在吃水果:'+fruit) }}//访问对象的属性console.log(person.name+person.sex+person.age);//调用对象的方法person.eat("apple");使用原生的构造函数创建对象var person = new Object();//属性定义person原创 2021-10-28 17:29:03 · 72 阅读 · 0 评论