html代码

web前端导出csv文件

夙愿已清 提交于 2020-03-27 04:34:04
前言 导出文件,使用最多的方式还是服务器端来处理。比如jsp 中使用response 的方式。 但是,有时候可能就想使用web 前端是否也可以把页面上的内容导出来呢? 比如说,导出页面的一个表格。 这个需求肯定是有答案的,只是对于各浏览器处理会稍微不一样。(主要是IE 和其他浏览器的区别)。 在IE中使用ActiveXObject 实现,在firefox 和Chrome 中使用 a 标签(或者js)就可以实现了。 这里主要讲一下其他浏览器中的实现。 使用 a 标签实现方式 直接上例子: [html] view plain copy <!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" > < html > < head > < meta http-equiv= "content-type" content= "text/html; charset=utf-8" > < meta name= "author" content= "oscar999" > < title > </ title > </ head > < body > < a id= "test" download= "downlaod.txt" href= "data:text/txt;charset=utf-8,download Test

head头部包裹title,base,link,meta,script,style

☆樱花仙子☆ 提交于 2020-03-27 00:56:35
HTML头部<head>元素包含关于文档的概要信息,也被称为元信息(meta-information) <head> 元素包含了所有的头部标签元素。在 <head>元素中你可以插入脚本(scripts), 样式文件(CSS),及各种 meta 信息。 可以添加在头部区域的元素标签为: <title>, <style>, <meta>, <link>, <script>, <noscript> 和 <base>。 <head> 元素描述了文档的各种属性和信息,其中包括文档的标题、在 Web 中的位置以及和其他文档的关系等。 HTML <title> 元素/<title> 标签定义了不同文档的标题,<title> 在 HTML/XHTML 文档中是必须的(代码部分为一个简单的HTML文档) <title> 元素定义了浏览器工具栏的标题 当网页添加到收藏夹时,显示在收藏夹中的标题 显示在搜索引擎结果页面的标题 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <title>Title of the document</title> 5 </head> 6 <body> 7 The content of the document...... 8 </body> 9 </html> HTML <base> 元素/<base> 标签描述了基本的链接地址/链接目标

HTML CSS百科及常用嵌入方式

风流意气都作罢 提交于 2020-03-27 00:55:58
CSS(Cascading Style Sheet)可译为“层叠样式表”或“级联样式表”,它定义如何显示 HTML 元素,用于控制Web页面的外观。通过使用CSS实现页面的内容与表现形式分离,极大提高了工作效率 。样式存储在样式表中,通常放在<head>部分或存储在 外部CSS文件中。作为网页标准化设计的趋势,CSS取得了浏览器厂商的广泛支持,正越来越多的被应用到网页设计中去。 网页现在的新标准是W3C。目前的模式是html+css+javascript,如何理解呢,就是html是网页的结构,CSS是网页的样式,javascript是行为。结构就是盖房子先要把结构建出来,然后用CSS来装饰。其实你在用dreamweaver做网页时就已经用到了CSS,比如你用DW的属性面板来设置一个字的字体、颜色和大小,当你选好后,就会自动生成一个.style1的红色代码,在<style></style>之间不知道你注意过没有,这就是CSS。 如何使用CSS?CSS 是在 HTML 4 开始使用的,是为了更好的渲染HTML元素而引入的.CSS 可以通过以下方式添加到HTML中: 内联样式- 在HTML元素中使用"style" 属性 内部样式表 -在HTML文档头部 <head> 区域使用<style> 元素 来包含CSS 外部引用 - 使用外部 CSS 文件 什么是 内联样式

jquery ajax api

核能气质少年 提交于 2020-03-27 00:36:58
执行一个异步的HTTP(Ajax)的请求。 version added: 1.5 jQuery.ajax( url, [ settings ] ) url 一个用来包含发送请求的URL字符串。 settings 一个以"{键:值}"组成的AJAX 请求设置。所有选项都是可选的。可以使用 $.ajaxSetup() 设置任何默认参数。看 jQuery.ajax( settings ) 下所有设置的完整列表。 version added: 1.0 jQuery.ajax( settings ) settings 一个以"{键:值}"组成的AJAX 请求设置。所有选项都是可选的。可以使用 $.ajaxSetup() 设置任何默认参数。 accepts Map 默认: 取决于数据类型 内容类型发送请求头,告诉服务器什么样的响应会接受返回。如果 accepts 设置需要修改,推荐在 $.ajaxSetup() 方法中做一次。 async Boolean 默认: true 默认设置下,所有请求均为异步请求(也就是说这是默认设置为 true )。如果需要发送同步请求,请将此选项设置为 false 。跨域请求和 dataType: "jsonp" 请求不支持同步操作。注意,同步请求将锁住浏览器,用户其它操作必须等待请求完成才可以执行。 beforeSend(jqXHR, settings)

css布局方式

老子叫甜甜 提交于 2020-03-26 23:51:58
布局方式 1.标准流/静态流   默认布局方式,按照代码书写顺序及标签类型从上到下,从左到右依次显示 2.浮动布局   主要用于设置块元素的水平排列    1)属性:float    2)取值 : 可取left或right,设置元素向左浮动或向右浮动.   示例: float:left/right;   3)特点: 元素设置浮动会从原始位置脱流,向左或向右依次停靠在其他元素边缘,在文档中不再占位 元素设置浮动,就具有块元素的特征,可以手动调整宽高 "文字环绕":浮动元素遮挡正常元素的位置,无法遮挡正常内容的显示,内容围绕在浮动元素周围显示    4)常见问题 : 子元素全部设置浮动,导致父元素高度为0,影响父元素背景色和背景图片展示,影响页面布局    5)解决: 对于内容固定的元素,如果子元素都浮动,可以给父元素固定高度(例:导航栏) 在父元素的末尾添加空的块元素。设置clear:both;清除浮动 为父元素设置overflow:hidden;解决高度为0 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>Title</title> 6 <style> 7 #box{ 8 width:500px; 9 height:500px; 10 margin:0 auto; 11

360奇舞特训营(一):HTML

落花浮王杯 提交于 2020-03-26 23:41:45
昨天去上了第一节360奇舞前端培训的第一节课,见着了仰慕已久的月影大大,心里超级超级激动。昨天上课的老师是超厉害的赵文博老师,主要内容是HTML相关。以前一直觉得HTML自己学得还好,昨天上完课后就感觉自己还有很多地方不足,特别是很多细节方面的把控,以及很多经验层面上技术的缺失。下面是对昨天课程的总结: 12-03 HTML 赵文博老师 什么是Web前端开发 使用web标准技术 开发网页或web应用 通常运行在浏览器 可交互 根据设计图还原成页面,参考产品经理的需求,再做成页面。交互:使用HTTP接口。 前端:功能、设计(界面)、兼容性、安全性、性能(打开的快不快)、用户体验(做一个前端就是做一个用户体验)、可用性(无障碍性,做出来的产品对于所有的人都能很顺利的访问到,包括有疾病的人,比如色盲、盲人、手脚不便的人。设备性:可能在电脑上访问正常,手机上访问不正常,比如国内浏览器省流量的模式,很多图片不能下载) 属性和API一定要背会 浏览器:chrome,firefox,safari,opera,ie 基本的浏览器结构: UI Backend:和操作器系统相关的如何绘制页面 浏览器引擎: 壳浏览器 (没有做自己的渲染引擎和JavaScript引擎,IE内核) :360浏览器(急速模式:webkit,其他模式:lE引擎),UC浏览器,QQ浏览器,搜狗浏览器,一般都是双内核 URL:结构

前端js导出CSV,Excel格式文件

穿精又带淫゛_ 提交于 2020-03-26 12:21:07
通过自己实际测试有以下几种方法 方法一通过a标签实现,把要导出的数据用“\n”和“,”拼接成一个字符串,然后把字符串放到href中,这种方法只支持chrome,firefox等非ie浏览器 html页面代码如下 <!DOCTYPE html> <html> <head> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="author" content="oscar999"> <title>导出CSV文件</title> <script> function exportCsv(obj){ //title ["","",""] var title = obj.title; //titleForKey ["","",""] var titleForKey = obj.titleForKey; var data = obj.data; var str = []; str.push(obj.title.join(",")+"\n"); for(var i=0;i<data.length;i++){ var temp = []; for(var j=0;j<titleForKey.length;j++){ temp.push(data[i][titleForKey[j]]); }

servlet上传图片 服务器路径

帅比萌擦擦* 提交于 2020-03-26 12:18:18
1.在servlet中上传图片,上传的文件夹是imge在webroot下,主要代码如下 private void saveImage(HttpServletRequest request, HttpServletResponse response) throws IOException { //保存的图片的名称 fileName =System.currentTimeMillis() + ".jpg"; //获得imge文件夹在tomcat中的决定路径,basePath的值是C:\Program Files\Apache Software Foundation\Apache Tomcat 6.0.20\webapps\flexTest\imge String basePath = request.getSession().getServletContext().getRealPath("/imge/"); filePath = basePath; System.out.println("保存图片的地址为:"+filePath); realFilePath = filePath+"\\"+fileName; // 获得一个图片文件流,我这里是从flex中传过来的 BufferedImage bufferedImage = ImageIO.read(request

html的简单介绍

孤人 提交于 2020-03-26 10:00:10
一,什么是HTML? htyper text markup language 即超文本标记语言   HTML是一个网页的主体部分,也是一个网页的基础。因为一个网页可以没有样式,可以没有交互,但是必须要有网页需要呈现的内容。所以HTML部分是整个前端的基础。 超文本: 就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 标记语言: 标记(标签)构成的语言.   它是一种用于创建网页的标记语言。标记语言是一种将文本(Text)以及文本相关的其他信息结合起来,展现出关于文档结构和数据处理细节的计算机文字编码。与文本相关的其他信息(包括例如文本的结构和表示信息等)与原来的文本结合在一起,但是使用标记(markup)进行标识。 网页==HTML文档,由浏览器解析,用来展示的 静态网页:静态的资源,如xxx.html 动态网页:html代码是由某种开发语言根据用户请求动态生成的 二,什么是标签? HTML作为一门标记语言,是通过各种各样的标签来标记网页内容的。我们学习HTML主要就是学习的HTML标签。 是由一对尖括号包裹的单词构成 例如: <html> *所有标签中的单词不可能以数字开头. 标签不区分大小写.<html> 和 <HTML>. 推荐使用小写. 标签分为两部分: 开始标签<a> 和 结束标签</a>. 两个标签之间的部分 我们叫做标签体. 有些标签功能比较简单

【Django】--基础知识

佐手、 提交于 2020-03-26 09:12:17
一 什么是web框架?   框架,即framework,特指为解决一个开放性问题而设计的具有一定约束性的支撑结构,使用框架可以帮你快速开发特定的系统,简单地说,就是你用别人搭建好的舞台来做表演。   Web应用的流程:     // 浏览器发送一个HTTP请求;     // 服务器收到请求,生成一个HTML文档;     // 服务器把HTML文档作为HTTP响应的Body发送给浏览器;     //浏览器收到HTTP响应,从HTTP Body取出HTML文档并显   对于所有的Web应用,本质上其实就是一个socket服务端,用户的浏览器其实就是一个socket客户端。 import socket def handle_request(client): buf = client.recv(1024) client.send("HTTP/1.1 200 OK\r\n\r\n",encode("utf8")) def main(): sock = socket.socket(socket.AF_INET, socket.SOCK_STREAM) sock.bind(('localhost',8001)) sock.listen(5) while True: connection, address = sock.accept() handle_request(connection)