摘要:早在很多年前,我们发送网络请求都是通过刷新或者跳转页面来获取新的网络数据,从而达到渲染不同页面的需求,用户体验是很差的,直到 ajax 横空出生,才解决了这个问题,不需要刷新页面便可以获取请求数据,这也是后来前后端分离的重要根源,大大的提高了网页性能,优化了用户体验。 而 ajax 的核心就是我们今天要学的的原生请求,**XMLHttpRequest**对象。一. XMLHttpRequer
转载 2023-07-23 09:06:13
189阅读
来自 http://www.jb51.net/article/24709.htm先看一段代码 <!-- function sub
转载 2022-09-06 19:21:12
645阅读
JavaScript 中常用的原生函数有String() Number() Boolean() Object() Array() Function() RegExp() Date() Error() Symbol() //ES6其中 String、Number、Boolean 这三个函数,分别对应于三种基本类型
转载 2023-08-20 14:03:52
60阅读
前言前面几篇简单介绍了一下前端与PHP的一些知识点,前端中表单提交是一个非常重要的模块,在本篇中我会介绍一些关于表单的知识,如果前面内容你掌握的不好并且没有大量的练习,我感觉你最好先把标签都记下来。项目简介登录与注册是我们在web开发中最常见的模块,也是我们日常生活中经常接触的功能。用户通过前端表单页面填写内容,通过POST方式提交到后台,然后经过PHP代码处理提交内容后,针对登录或者注册的逻辑继
年后换工作,一直不稳定,我就没有正式写过程序,博客也荒芜了。最近才正式接手工作,遇到很多奇葩的领导,总有很多奇葩的想法和理念。比如不让用jquery,不过要求兼容ie11和chrome ff,就行。放弃jquery开始感觉很难,写了两天,也还行。我先用jquery实现的功能,然后替换里面几个方法即可 ,无非就是查找,添加class等!在控制台先测试好,直接使用就行了,但遇到以下问题,简
转载 2023-07-23 09:06:07
148阅读
# 如何实现“JavaScript原生” ## 概述 在介绍如何实现“JavaScript原生”之前,首先需要明确一下“JavaScript原生”的含义。通常来说,JavaScript原生指的是在不依赖任何第三方库或框架的情况下,纯粹使用JavaScript语言本身来完成开发任务。本文将会详细介绍实现JavaScript原生的步骤和相关代码示例,并附带相应的注释解释。 ## 实现步骤概览
原创 2023-08-05 07:27:49
44阅读
今天用原生js写一下动态表格的增删改查,主要是熟悉一下js的DOM操作。首先,做一个表格,用来显示提交的数据,如图下:此处,我添加了编号、姓名、密码、生日、地址五个属性,另外加选中、操作两个操作,亲们可以自行添加,布局代码如下:<table class="table table-hover table-bordered" id="mytable"> <thead>
转载 2023-06-06 11:44:47
178阅读
Javascript动画效果(三)前面我们已经介绍了速度动画、透明度动画、多物体运动和任意值变化,并且我们在Javascript动画效果(二)中介绍到我们封装了一个简单的插件雏形,接下来我们对前面的动画效果进行进一步扩充,尽量将我们的框架做到更实用。在这里我们还需要了解两个运动,一个是链式运动,一个是同时运动。它们间的区别分别是:链式运动是指运动一个接着一个(一个运动完成马上进行下一个运动);而同
转载 2024-07-04 07:25:25
60阅读
提交表单3种实现方式:<input type="button" value="submit" name="submit"> <button type="submit">submit form</button> <input type="image" src="a.jpg">只要表单存在以上任何一种按钮且获得焦点时都可以通过回车提交表单,(textar
转载 2023-08-10 22:01:11
475阅读
总结JavaScript表单提交四种方式<!DOCTYPE html> <html> <head> <title>JavaScript表单提交四种方式</title> <meta http-equiv="content-type" content="text/html; charset=UTF-8">
转载 2023-06-06 11:14:23
114阅读
表单脚本一、表单基础知识JavaScript中表单对应的是HTMLFormElement类型,该类型继承自HTMLElement类型。通过document.forms可以获得所有表单元素,通过数值索引和name特性可以获得其中特定的表单。一)提交表单单击提交按钮或者图像按钮就可以提交表单。三种方式: <!--通用提交按钮--> <input type='submit' value
转载 2023-10-13 16:03:34
89阅读
本篇文章个人在深圳游玩的时候突然想到的...最近就有想写几篇关于原生希望的文章,所以回家到之后就奋笔疾书的写出来发布了        一直对前端技巧很有兴致,就心生了写一个专栏的动机,然后就申请了原生JavaScript这个专栏,旨在与大家同共习学、同共进步。    如果你用运JavaScript经已相称的熟娴,就没必要浪费时间看下去啦!当然,你想看下去也可以,欢送你拍拍砖、吐吐槽。    这是专
转载 2013-05-03 20:07:00
69阅读
2评论
这两天做列表数据显示的时候,几乎被"对象不支持此属性和方法" 的错误提示搞疯掉了,两个完全一样的程序(事后才知道有个单词的大小写不一样),竟然一个显示正常,一个却频繁提示出错。在一般情况下,同一个表单只能被提交给同一个地址。但在实际web应用中,我们希望同一个表单可以根据用户的选择来完成不同的操作,即表单的分向提交。比如说:在一个网站后台用户管理系统中,我需要对一些恶意的用户进行批量解锁,锁定用户
效果是两个地方相互拖放谷歌浏览器不会默认打开火狐会 加
原创 2022-08-19 11:47:50
58阅读
# JavaScript 原生 setFocus 的深入探讨 在网页开发中,用户体验是一个极其重要的因素。如何吸引用户的注意力、减少操作的复杂性以及提升操作的效率,是每一个开发者需要考虑的事情之一。JavaScript 提供了一些原生的方法来实现这些目标,其中 `setFocus` 方法就是其中之一。 ## 什么是 setFocus `setFocus` 是一个用于将焦点设置到指定元素的 J
原创 9月前
91阅读
# 如何使用 JavaScript 原生 MongoDB ## 一、流程图 ```mermaid flowchart TD A[连接 MongoDB 数据库] --> B[查询数据] B --> C[插入数据] C --> D[更新数据] D --> E[删除数据] ``` ## 二、步骤及代码示例 ### 1. 连接 MongoDB 数据库 ```jav
原创 2024-03-06 06:30:53
21阅读
原生Ajax 基本使用的四大步骤,简单易懂ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。接下来通过本文给大家介绍Ajax的使用四大步骤,非常不错,感兴趣的朋友看下吧什么是ajax?ajax(异步javascript xml) 能够刷新局部网页数据而不是重新加载整个网页。如何使用ajax?一般大家都把所用ajax分为4个步骤,但是我觉得应该是3个步骤。(注
混合开发也是一种很好的开发方式,比如这不京东618又来了,做做活动页,活动过后就换下,不用经过应用商店,方便快捷简洁。这里记录下工作中用到的混合开发的场景:一个专门的应用,叫订单中心,除了处理本应用的订单外,还承接三方应用,对订单数据详情进行展示,并能从中调用设备打印功能对于数据的展示,这没什么好说的了,该页面是一个WebView就可以了对于从html中调用设备的原生函数,就需要注意native与
map()在 JavaScript 1.6 里,javascript 数组增加了几个非常有用的方法:indexOf、lastIndexOf、every、 filter、 forEach、 map、 some,其中前两个可以归为元素定位方法,而后面的几个则可以归为迭代(iterative)方法。遗憾的是:这些新方法并非所有浏览器都支持,在这种情况下,我们就需要自己动手了,在这些介绍的文章中,我们同时
## 实现原生JavaScript 作为一名经验丰富的开发者,你可以帮助这位刚入行的小白学习如何实现原生JavaScript。在开始教导他之前,我们先来了解一下整个过程的流程。 ### 整体流程 在实现原生JavaScript时,我们需要按照以下步骤进行操作: | 步骤 | 描述 | | --- | --- | | 步骤 1 | 创建HTML文件并链接JavaScript文件 | |
原创 2023-08-09 18:12:19
38阅读
  • 1
  • 2
  • 3
  • 4
  • 5