java-HTML&javaSkcript&CSS&jQuery&ajax

java-HTML&javaSkcript&CSS&jQuery&ajax( 八)

一.JavaScript教程笔记 1.在web页面中一般使用JavaScript脚本语言,支持跨平台,跨浏览器,驱动网页,与用户交互.另外Node.js把JavaScript引入到了服务器端. JavaScript 代码直接放在HTML语言中是可以直接运行的,一般豆浆JavaScript代码放在<head>标签中 <html><head> <script>alert('')</script></head><body>…

java-HTML&javaSkcript&CSS&jQuery&ajax

CSS 伪装 1.<style>a;link{color:#000000} a:visited{color:#000000; a.:hover{color:#FF00FF} a:active{color: #0000FF;}</style> <body><p><a href="/css" target="-blank"><>/a</p></body> 2.first-…

XSS-HTML&javaSkcript&CSS&jQuery&ajax

1.设置不同的样式列表 <style> ul.a{list-style-tyrp:circle;} ul.b{list-style-type:square;} ul.c{list-style-type:upper-roman;} ul.d{list-style-type:lower-alpha;} </style> <body> <ul class="a"> <li>Coffe</li> <li&…

HTML&javaSkcript&CSS&jQuery&ajax（十）

HTML 1.SVG直接嵌入HTML网页 ,SVG 是使用XML描述2D图像的语言,Canvas通过JavaScript来绘制2D <svg xmlns="http://www.w3.org/200/svg" version="1.1" height="190"> <polygon point="100,10,40,190,60,10,190,190" style="fill:lime;stro…

HTML&javaSkcript&CSS&jQuery&ajax（八）

一. <!DOCTYPE html><html><head><meta charset="utf-8"><tiitle>菜鸟</title></head><body><h1>it's my first html</h1></html> 1.预格式输出标签<pre></pre>就是按照原本的样子输出. 2.<a href=&q…

HTML&javaSkcript&CSS&jQuery&ajax（七）

’一.HTML5 实例 <video width="430" controls> <source src="mov_nnn.mp4" type="video/mp4"> <source src=“mov_bb/ogg” type="video/ogg"> Ypu browser dose not support the vodeo tag</video> 1.<sty…

HTML&javaSkcript&CSS&jQuery&ajax（五）

一.Framset标签定义了每个框架中的HTML文档, 1. <framset cols="25%,75%"> <frame src="frame_a.htm"> <frame src="frame_b.htm"> </frameset> 2.内联框架inframe <iframe src="URL"></inframe> URl 只想隔离页面的…

HTML&javaSkcript&CSS&jQuery&ajax（四）

一.HTML创建响应设计 Responsive Web Design 可以改变尺寸传递网页,对于平板和移动设备是必须的 1.<!DOCTYPE html><html lang="en-US><head><style>.city{float:left;margin:5px;padding:15px;width:300px;height:300px;broder: 1px solid black;}</style></head>…

HTML&javaSkcript&CSS&jQuery&ajax（三）

一.HTML块元素 1.块级元素 Block level element ,内联元素 inline element , HTML<div>元素属于块级元素,他是组合其他HTML元素的容器,当与CSS一同使用<div>元素用于对大内容块设置样式属性.<div>用于文档布局, 2.HTML <span> 元素是内联元素,用于文本的容器,设置<div>元素的类,能够为相同的<div>元素设置相同的类 <!DOCTYPE html&g…

HTML&javaSkcript&CSS&jQuery&ajax（二）

一.HTML 1.标签<a href="http:www.baidu.com">This is a link </a> <img src="w3cSchool.jpg" width="123" height="34" />  2.eg.<html> <body&…

HTML&javaSkcript&CSS&jQuery&ajax（11）

1.localStorage 没有时间的限制数据存储, sessionStorage 针对一个session的存储,首先检查浏览器是否支持对这两个的存储, ifI(type(Storage)!=="undefined"){ // 支持}else{ 不支持} localStorage对数据存储没有时间的限制,eg. <div id="result"></div> <script> ifI(typeof(Storage)!==&qu…

HTML&javaSkcript&CSS&jQuery&ajax（九）

一.HTML 1.单选按钮 <form action="><inpput type="radio" name="sex" value="male" >Male</br> <input type="radio" name="sex" value="female">Female</form> 2.复选框 <form…

HTML&javaSkcript&CSS&jQuery&ajax（六）

一.HTML表单 1.<input type="text">定义文本输入的单上输入字段,<form> First name:<br> <input type="text" name="firstname"> <br> Last name: <br><input type="text" name="lastname">…

HTML&javaSkcript&CSS&jQuery&ajax-XSS

一.CSS 标题隐藏 1. <sytle>h1.hidden {visibility: hidden;} </style> <body> <h1>这是一个可以看见的标题</h1> <h1 class="hidden">这是隐藏的标题</h1></body>该元素被隐藏了,但是占得空间任然存在 2.<style> h1.hidden{dispaly:none;}</styl…

XSS-HTML&javaSkcript&CSS&jQuery&ajax-CSS

CSS 1.表单的处理 <style> table, td, th{ border:1px; solid green;} th{ background-color:green; color: white;} </style> <body> <table> <tr><th>firstName</th><th>Lastname</th></tr> <tr><td>…

HTML&javaSkcript&CSS&jQuery&ajax-Css

CSS 1 .eg <head> <style> body{ background-color:#d0e4fe;} h1{ color:orange; text-alin:center;}p{ font-family:"Times New Roman"; font-size:2opx;} </style></head> <body> <h1>CSS实例</h1> <p>这是一个段落</…

【summary】JQuery 相关css、ajax、数据操作函数或方法

总结一下JQuery常用的函数方法,更加系统的整理一下. JQuery遍历的一些函数: 函数描述 .add() 将元素添加到匹配元素的集合中. .andSelf() 把堆栈中之前的元素集添加到当前集合中. .children() 获得匹配元素集合中每个元素的所有子元素. .closest() 从元素本身开始,逐级向上级元素匹配,并返回最先匹配的祖先元素. .contents() 获得匹配元素集合中每个元素的子元素,包括文本和注释节点. .each() 对 jQuery 对象进行迭代,为每个匹配…

Java程序员之JS(一) 之 JQuery.ajax

背景:紧着现在项目的需要,先从JQuery.ajax出发,主要需求是通过 js 调用Java 代码,从而适应现在的项目. 先从几个概念开始讲解: 一. 什么是Deferred Deferred 对象是由.Deferred构造的, .Deferred被实现为简单工厂模式.它是用来解决JS中的异步编程,遵循 Common Promise/A规范,实现此规范的还有when.js 和 dojo. Deferred 对象在 JQuery 1.5被引入,用来解决 Ajax 异步优化问题,正是由于 Defe…

Java进阶知识01 Struts2下的 jquery+ajax+struts 技术实现异步刷新功能

1.效果图示横线上方的部分不动(没有刷新),下方实现刷新(异步刷新) 2.实现步骤 jquery+ajax+struts技术实现异步刷新功能的步骤: 1.需要用到 jquery+ajax+struts 那么需要用几个包:(commons-logging-1.0.4.jar.freemarker-2.3.13.jar.ognl-2.6.11.jar.struts2-core-2.1.6.jar.xwork-2.1.2.jar.commons-fileupload-1.2.1.jar) …

JQuery ajax request及Java服务端乱码问题及设置

今天花了半天功夫才搞定2个乱码问题 1. 原先一直用form提交,现在改作JQuery ajax 提交,发现乱码. 2. window.location url中含有中文提交后,乱码. 第一个问题: ajax端,参数需要使用: encodeURI() $.ajax({ url: "/hello.do", data: { "code": $('#code').val(), "name": encodeURI($('#name').val()), /…

java结合jQuery.ajax实现左右菜单联动刷新列表内容

http://域名/一级菜单ID-二级菜单ID/ 用这种URL请求页面,出现如图所看到的内容: 该页面包括四部分,顶部文件夹+左側菜单+右側菜单+右下側数据列表. 左側菜单包括一级菜单和二级菜单,点击某个一级菜单时打开相应的二级菜单.同一时候右側也显示二级菜单.选中左側某个二级菜单,右側相应的二级菜单也被选中,点击右側二级菜单,显示相应的三级菜单,默认选中三级菜单的所有,点击某个三级菜单.列表中展示相应菜单下的数据:上述所有点击过程中,顶部文件夹以及右側列表同一时候刷新...感觉好绕口的样子呢,…

jQuery AJAX 网页无刷新上传示例

新年礼,提供简单.易套用的 jQuery AJAX 上传示例及代码下载.后台对文件的上传及检查,以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP). 有时做一个网站项目 (不论是否 ASP.NET),内附的 FileUpload 控件,功能不足 (页面必须刷新.不支援 AJAX),或外观太丑被用户嫌弃 (却无法透过 CSS 自定义外观).网路上虽已有许多可用的示例,如: jQuery File Upload,但功能太强大.外观复杂,欲仅取出部分功能来引用,反而不易…

jQuery+AJAX实现网页无刷新上传

新年礼,提供简单.易套用的 jQuery AJAX上传示例及代码下载.后台对文件的上传及检查,以 C#/.NET Handler 处理 (可视需要改写成 Java 或 PHP). 有时做一个网站项目 (不论是否 ASP.NET),内附的 FileUpload 控件,功能不足 (页面必须刷新.不支援 AJAX),或外观太丑被用户嫌弃 (却无法透过 CSS 自定义外观).网路上虽已有许多可用的示例,如: jQuery File Upload,但功能太强大.外观复杂,欲仅取出部分功能来引用,反而不易.…

Jquery+ajax+json+servlet原理和Demo

Jquery+ajax+json+servlet原理和Demo 大致过程: 用户时间点击,触发js,设置$.ajax,开始请求.服务器响应,获取ajax传递的值,然后处理.以JSON格式返回给ajax.ajax在sucess对应的函数中将返回的json数据进行解析,然后输出到jsp页面. 1.前台index.jsp <%@ page language="java" import="java.util.*" pageEncoding="UTF-8&qu…

PHP 弹窗源代码 css Jquery.js

// 每个弹窗的标识 var x =0; var idzt = new Array(); var Window = function(config){ //ID不重复 idzt[x] = "zhuti"+x; //弹窗ID //初始化,接收参数 this.config = { width : config.width || 300, //宽度 height : config.height || 200, //高度 buttons : config.buttons || '', //默认…

使用 jQuery Ajax 异步登录，并验证用户输入信息（maven）

使用 jQuery Ajax 异步登录,并验证用户输入信息(maven) 本篇内容: (1)上一篇是使用同步的请求实现登录,并由 Servlet 决定登陆后下一步做哪些事情,本篇使用 jQuery Ajax 的方式,实现异步登录,登录成功后执行的内容在 js 中定义. (2)在登录之前,在 js 中验证表单中的,用户名是否为空,密码是否为空,密码是否是 6-12 位,登录失败后,返回提示信息. (3)登录成功后,返回用户表的所有信息,以表格形式展示: (4)效果截图: 本篇部分内容看起来和上一篇…

JQuery ajax请求struts action实现异步刷新的小实例

这个样例是用JQuery ajax和struts来做的一个小样例,在这个样例中采用两种方式将java Util中的list转换成支json的格式,第一种是用json-lib.jar这个jar包来转换,第二种是采用goole的gson-2.1.jar来转换,大家可以根据需要导入相应的jar包,在这里为了做测试将两种jar包都导入了.下面开始进入正题第一步:导入相关jar包,本样例需导入struts相关jar包,json-lib.jar,gson-2.1.jar可以任意选择,但是这里需要都导入,因…

JS jquery ajax 已看1 有用

4.form中的input可以设置为readonly和disable,请问2者有什么区别? readonly不可编辑,但可以选择和复制:值可以传递到后台 disabled不能编辑,不能复制,不能选择:值不可以传递到后台 5.js中的3种弹出式消息提醒(警告窗口,确认窗口,信息输入窗口)的命令式什么? alertconfirmprompt 1 你在公司是怎么用jquery的? 答:在项目中是怎么用的是看看你有没有项目经验(根据自己的实际情况来回答) 你用过的选择器啊,复选框啊,表单啊,ajax…

jquery ajax实现省市二级联动

今天给大家带来使用jQuery ajax实现的省市联动效果.我们直奔主题,先说下实现思路: 准备数据这里数据库我使用的是mysql,先看下表格: provience表 city表这里使用provience表的主键作为city表的外键,等下依据省份的id查找相应的市区查询方法的封装接下来就是实现查询全部省市以及依据省份id查找相应的城市的方法,这里我写了一个BaseDao封装了一些主要的数据库链接以及关闭连接的方法: BaseDao.java package com.jqueryajax.…

jQuery Ajax传值给Servlet,在Servlet里Get接受参数乱码的解决方法

最近在学jquery ui,在做一个小功能的时候需要将前台的值获取到,通过Ajax传递给Servlet,然后再在返回数据结果,但是在Servlet接受参数的时候,通过后台打印,发现接受乱码,代码示例如下: public void doGet(HttpServletRequest request, HttpServletResponse response) throws ServletException, IOException { response.setContentType("text/ht…

【java-HTML&javaSkcript&CSS&jQuery&ajax】的更多相关文章