![](https://img-blog.csdnimg.cn/20201014180756922.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
javascript
再让我学一会吧!
Either outstanding or out
展开
-
后端java向前端传输JSON数据遇到的问题
最近在做一个网络聊天室的项目,想要把后端从数据库里面查询到的数据传送给前端,然后让前端来处理数据我传送的数据为一个用户的好友,包括好友的名字和头像,头像为一个地址,而且因为一个用户逇好友不止一个,比如:{"小王":"img/headdefault.jpg","华美":"img/headdefault.jpg","张三":"img/face001.jpg","王八":"img/headdefault.jpg","李明":"img/face001.jpg"}这说明这个用户有五个好友,现在我想要把好友原创 2021-04-14 15:27:12 · 952 阅读 · 0 评论 -
JavaScript之jQuery简述
JavaScriptjQuery库:里面存在大量的JavaScript函数获取jQueryjQuery官方CDN<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Title</title> <script src="http://code.jquery.com/jquery-2.1.1.min原创 2021-04-11 21:47:25 · 143 阅读 · 0 评论 -
JavaScript操作表单(验证)
表单是什么 form DOM树文本框 text 下拉框 <select> 单选框 radio 多选框 checkbox 隐藏域 hidden 密码框 password .......表单的目的:提交信息获得要提交的信息<script> let input_text = document.getElementById('username'); let boy_radio = document.getElementById('boy'..原创 2021-04-11 20:12:42 · 89 阅读 · 0 评论 -
JavaScript操作DOM对象(重点)
核心浏览器网页就是一个DOM树形结构更新:更新Dom节点 遍历Dom节点:得到Dom节点 删除:删除一个Dom节点 添加:添加一个新的节点要操作一个Dom节点,就必须要先获得这个Dom节点获得dom节点<script> let h1 = document.getElementsByTagName('h1'); let p1 = document.getElementById('p1'); let p2 = document.ge..原创 2021-04-11 18:32:07 · 81 阅读 · 1 评论 -
JavaScript操作BOM对象(重点)
浏览器介绍JavaScript和浏览器有什么关系?JavaScript诞生就是为了能够让他在浏览器中运行BOM:浏览器对象模型IE 6-11 Chreme Safari FireFox 三方QQ浏览器 360浏览器windowwindow代表浏览器窗口Navigator(不建议使用)Navigator,封装了浏览器的信息大多数时候,我们不会使用navigator对象,因为会被认为修改不建议使用这些属性来判断和...原创 2021-04-11 16:19:15 · 123 阅读 · 0 评论 -
JavaScript面向对象编程
1.1 什么是面向对象javascript, java, c#........面向对象;JavaScript有一些区别!类: 模板 对象:具体的实例在JavaScript这个需要大家换一下思维方式原型: let Student = { read: function () { console.log(this.name + " is reading.....") } } let Cat = {原创 2021-04-11 15:27:28 · 68 阅读 · 0 评论 -
JavaScript内部对象(Date,JSON)
标准对象1.1 Date基本使用let now = new Date(); now.getFullYear(); // 年 now.getMonth(); // 月 now.getDate(); // 日 now.getDay(); // 星期几 now.getHours(); // 时 now.getMinutes(); // 分 now.getSeco原创 2021-04-11 14:46:45 · 99 阅读 · 0 评论 -
JavaScript函数,变量的作用域,let,const,方法学习
1.1 定义函数 function abs(x) { if(x >= 0) { return x; }else { return -x; } }一旦执行到return 代表函数结束,返回结果!如果没有执行return,函数执行完也返回结果,结果就是undefined定义方式二 var abs = function (x) { if(x &g原创 2021-04-11 13:20:44 · 184 阅读 · 0 评论 -
JavaScript Map和Set基本操作
Map: let map = new Map([['tom',100],['jack',90],['xiaomei',60]]) let name = map.get('tom'); // 通过key获得value map.set('lisan',78) // 增加元素 console.log(name) map.delete('tom') // 删除元素Set:无序不重复的集合 let set = new Set([1,1,1,1,2,2,原创 2021-04-10 23:06:57 · 75 阅读 · 0 评论 -
JavaScript对象
若干个键值对let 对象名 = { 属性名: 属性值, 属性名: 属性值, 属性名: 属性值}let person = { name: '王者荣耀', age: 18, id: 001}js对象, {.....}表示一个对象,键值对描述属性 xxx:xxx多个属性之间使用逗号隔开,最后一个属性不加逗号!JavaScript中所有的键都是字符串,值是任一对象!1. 对象赋值2. 使用一个不存在的对象属性,不会报错!u.原创 2021-04-10 22:21:14 · 60 阅读 · 0 评论 -
JavaScript数组
Array可以包含任一的数据类型var arr = [1,2,3,45,6,2]1.长度arr.length须知:假如给arr.length赋值,数组大小就会发生变化。如果赋值过小,元素就会丢失 可以通过下标取值和赋值2.indexOf,通过元素获得下标索引arr.indexOf(2)1字符串的"1"和数字1是不同的3.slice() 截取Array的一部分,返回一个新数组,类似于String中的substringarr = [9,8,7,..原创 2021-04-10 22:07:40 · 54 阅读 · 0 评论 -
JavaScript字符串
1.正常字符串我们使用单引号,双引号来2.注意转义字符 \序号 代表字符 \0 Null字符(\u0000) \b 退格符(\u0008) \t 水平制表符(\u0009) \n 换行符(\u000A) \v 垂直制表符(\u000B) \f 换页符(\u000C) \r 回车符(\u000D) \" 双引号(\u0022) \' 撇号或单引号(\u0027) \\ .原创 2021-04-10 21:38:56 · 49 阅读 · 0 评论 -
JavaScript快速入门
1.1 引入JavaScript1. 内部标签<script> alert('警告!');</script>2.外部引入qj.jsalert('hello,world');.html<script src="js/qj.js"></script>1.2 基本语法入门<script> // 1. 定义变量 变量类型 变量名 = 变量值; var num = 1; //原创 2021-04-10 21:02:45 · 65 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()的区别
JSON.parse():从一个字符串中解析出json对象例子://定义一个字符串var message = {"type":0,"msg":"用户1","time":"上午11:24:21"}//解析对象JSON.parse(message)//结果type:0,msg:"用户1",time:"上午11:24:21"JSON.stringify():从一个对象中解析出字符串var message={ type: 0, ...原创 2021-04-09 12:54:15 · 217 阅读 · 0 评论 -
querySelector和getElementById方法的区别
今天看别人的一个项目,发现使用选择符时用了querySelector,紧接着下面又使用了appendChild,我记得以前学习的时候querySelector获取到的是静态的,不能动态的增加子元素结果发现运行后发现确实可以添加元素div,于是又去百度了一大堆,终于搞明白了query选择符选出来的元素及元素数组是静态的,而getElement这种方法选出的元素是动态的。什么叫静态的?意思是指选出的所有元素的数组,不会随着文档操作而改变。注意,此时所说的是选出的所有元素的数据是静态的,也就原创 2021-04-09 12:37:46 · 432 阅读 · 0 评论 -
jquery代码在jsp引入生效,在js文件中失效的原因
如果在js文件中写jquery代码,在开头需要引入jquery.js,引入的方法如下var new_element=document.createElement("script");new_element.setAttribute("type","text/javascript");new_element.setAttribute("src","jquery-3.5.1.js");document.body.appendChild(new_element);...原创 2021-03-05 21:51:49 · 327 阅读 · 0 评论 -
网络聊天室项目第三天-----------引入jquery成功后,效果不生效的原因
继昨天无法正常引入jQuery,好不容易解决掉,今天发现jQuery引入成功了,但是效果不生效,话不多说,直接上代码<script src="./jquery-3.5.1.js"></script><script> $(function () { $("button").click(function () { alert("12345678"); }) })</script>原创 2021-03-05 21:49:45 · 319 阅读 · 0 评论 -
如何验证是否引入jqurey.js以及引入后加载失败的原因
<script src="jquery-3.5.1.js"></script><script> if (typeof jQuery == 'undefined') { alert('没有加载'); }else {alert('已经加载');}</script>验证后发现果然没有加载明明已经添加了,但是添加失效,原因是什么原因呢于是我试了试网络外部引入发现引入网站上的是可以的,那么就是我下载的文件有问题,..原创 2021-03-04 23:18:43 · 199 阅读 · 1 评论 -
html response响应中文乱码的解决办法
如果是???就添加resp.setCharacterEncoding("utf-8"); 如果是烇湫烇湫,是浏览器的解析问题,就添加resp.setHeader("Content-type", "text/html;charset=UTF-8");原创 2021-03-03 10:34:35 · 617 阅读 · 0 评论 -
javascript DOM学习
通过ID获取元素语法:document.getElementById(“id”) 结果:null或[object HTMLParagraphElement]获取的元素是一个对象,如想对元素进行操作,我们要通过它的属性或方法。例:<!DOCTYPE HTML><html><head><meta http-equiv="Conten...原创 2019-09-23 12:50:55 · 180 阅读 · 0 评论 -
JavaScript学习(一些基本的互动的方法)
今天学习js一些基本的互动的方法JavaScript-警告(alert 消息对话框)<!DOCTYPE HTML><html><head><meta http-equiv="Content-Type" content="text/html; charset=utf-8" /><title>alert</tit...原创 2019-09-18 22:49:34 · 103 阅读 · 0 评论