html文件 | 易学教程

web打开本地文件并读取内容

阅读更多关于 web打开本地文件并读取内容

<!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>web打开本地文件并读取内容</title> </head> <body> <div> <input type="file" id="input" onchange="handleFilesopen(this.files[0])"> </div> <script> function handleFilesopen(filename) { var reader = new FileReader(); reader.onload = function (evt) { // 指定异步读写后触发的函数 console.log(evt.target.result); }; reader.readAsText(filename, "gb2312"); } </script> </body> </html> 来源： https://www.cnblogs.com/qinlongqiang/p/11989408.html

HTML 004 属性

阅读更多关于 HTML 004 属性

HTML 属性属性是 HTML 元素提供的附加信息。 HTML 属性 HTML 元素可以设置属性属性可以在元素中添加附加信息属性一般描述于开始标签属性总是以名称/值对的形式出现，比如：name="value" 。属性实例 HTML 链接由 <a> 标签定义。链接的地址在 href 属性中指定：实例 <a href="http://www.runoob.com">这是一个链接</a> 尝试一下 » HTML 属性常用引用属性值属性值应该始终被包括在引号内。双引号是最常用的，不过使用单引号也没有问题。提示: 在某些个别的情况下，比如属性值本身就含有双引号，那么您必须使用单引号，例如：name='John "ShotGun" Nelson' HTML 提示：使用小写属性属性和属性值对大小写不敏感。不过，万维网联盟在其 HTML 4 推荐标准中推荐小写的属性/属性值。而新版本的 (X)HTML 要求使用小写属性。 HTML 属性参考手册查看完整的HTML属性列表: HTML 标签参考手册。下面列出了适用于大多数 HTML 元素的属性：属性描述 class 为html元素定义一个或多个类名（classname）(类名从样式文件引入) id 定义元素的唯一id style 规定元素的行内样式（inline style） title

Cookie不能保存中文的解决办法

阅读更多关于 Cookie不能保存中文的解决办法

假设a.jsp是客户端，b.jsp是客户端，c.jsp是服务端现在要做的就是客户端在a.jsp页面提交表单信息到服务端c.jsp,c.jsp再将表单信息保存到cookie中，并转发或者重定向到b.jsp客户端，这样就达到了我们将服务端生成的cookie保存到客户端的作用，但是中文输入保存cookie时会报错 <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8" import="java.net.URLDecoder"%> <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title>客户端a页面</title> </head> <body> <% String uname=""; Cookie[] cookies = request.getCookies(); if(cookies!=null) for(Cookie cookie:cookies){ if("uname".equals(cookie.getName())){ //客户端获取cookie 后解码 uname= URLDecoder.decode(cookie.getValue(), "UTF-8"); } } %> <form

HTML框架

阅读更多关于 HTML框架

注意：frameset不要和body放在同一个html文件内 <!DOCTYPE html> <html> <head> <meta charset=” utf-8” > <title>HTML垂直框架</title> </head>  <frameset cols="25%,50%,25%"> <frame src="frame_a.html" scrolling="no"> <frame src="frame_b.html" scrolling="no"> <frame src="frame_c.html" scrolling="no"> </frameset> </html> 实现如下：来源： https://www.cnblogs.com/planetwithpig/p/11967315.html

JavaScript-----2初识

阅读更多关于 JavaScript-----2初识

介绍 JavaScript是一种运行在客户端（自己的电脑上）的脚本语言不是在服务器上脚本语言：不需要编译，运行过程由JS解释器（js引擎）逐行进行解释并执行 JavaScript不仅可以做前端编程还可以做一些服务端的编程(基于Node.js技术) 浏览器执行JS 浏览器分成两部分：渲染引擎和JS引擎渲染引擎：用来解析HTML与CSS，俗称内核，比如谷歌浏览器的blink,老版本的webkit. JS引擎：也称JS解析器。用来读取网页中的JavaScript代码，对其处理后运行，比如谷歌浏览器的V8 浏览器本身不会执行JS代码，而是通过内置的引擎来执行JS代码。JS引擎执行代码的时候逐行解释每一句源码(转化为机器语言)，然后由计算机去执行，所以JavaScrip语言归为脚本语言，会逐行解释执行。当读到一行JS代码(高级语言)，JS引擎就会将这行代码转化成计算机可以识别的机器语言(01)，之后再读第二行的代码，再转换，以此类推。 JS的组成 JavaScript组成：ECMAScript\DOM\BOM ECMAScript:规定了JS的基础语法 DOM文档对象模型 BOM浏览器对象模型 JS的3种书写位置：行内、内嵌、外部行内式可以将单引号或少量JS代码写在HTML标签是事件属性中(以on开头的属性)，如：onclik 注意单引号的使用：在html中推荐使用双引号

web开发中前端页面是如何跟后端服务器数据交互的

阅读更多关于 web开发中前端页面是如何跟后端服务器数据交互的

本文链接：https://blog.csdn.net/kangkanglhb88008/article/details/84446173后端服务器一般是指servlet容器，用于执行java源程序常见的网页有html，htm,shtml，asp，aspx，php，jsp等格式前两个常用于静态网页，后面几个常用于动态网页。这里前端网页以比较常见的 xx.html 和 xx.jsp 网页作为介绍，其它类似一、静态页面xx.html如何跟后台交互：先来看一个最简单的登陆界面源代码 <body> <form action="loginServlet" method="post"> user:<input type="text" name="username"/> password:<input type="password" name="password"/> <input type="submit" value="Submit"/> </form> </body> 这是一个表单，我们看到里面都是纯html内容，这是一个静态页面，当我们点击submit按钮时候，浏览器会提交表单内的数据到服务器的loginServlet这个相对地址，我们看看浏览器的地址变成啥了：这不就是我们的后台servlet的地址嘛，然后这个地址指向的是loginServlet这个servlet，然后在web

Web前端基础（一）--HTML简介

阅读更多关于 Web前端基础（一）--HTML简介

HTML简介超文本标记语言（英语：HyperText Markup Language，简称：HTML）是一种用于创建网页的标准标记语言。 HTML文档的后缀名：.html和.htm，这两种后缀名没有区别，都可以使用。 HTML 实例 <!DOCTYPE html> <html> <head> 　　<meta charset="utf-8"> 　　<title>HTML 实例</title> </head> <body> 　　<h1>我的第一个标题</h1> 　　<p>我的第一个段落。</p> </body> </html> 实例解析 <!DOCTYPE html> 声明为 HTML5 文档 <html> 元素是 HTML 页面的根元素 <head> 元素包含了文档的元（meta）数据，如 <meta charset="utf-8"> 定义网页编码格式为 utf-8 。 <title> 元素描述了文档的标题 <body> 元素包含了可见的页面内容 <h1> 元素定义一个大标题 <p> 元素定义一个段落 HTML 标签 HTML 标记标签通常被称为 HTML 标签 (HTML tag)。 HTML 标签是由尖括号包围的关键词，比如 <html> HTML 标签通常是成对出现的，比如 <b> 和 </b> 标签对中的第一个标签是开始标签，第二个标签是结束标签

1、html的concept（概念）和三大基石

阅读更多关于 1、html的concept（概念）和三大基石

概念： HMTL：超文本标记语言作用： HTML是告诉浏览器接收到的数据使用什么样的数据组织形式进行显示使用： HTML的规则 1、文件后缀名文件名.html 或者文件名.htm 2、注释  Ctirl Shift +/ 3、文档结构 <html> <head>  </head> <body>  </body> </html> 　　 —————————————————————— 互联网三大基石： HTML：超文本标记语言（有效组织数据在浏览器端的显示） URL：统一资源定位符（唯一的定位一个网络资源） HTTP:超文本传输协议（规范浏览器和服务器之间的数据交互格式）来源： https://www.cnblogs.com/zwyzwy/p/11963583.html

js学习之BOM

阅读更多关于 js学习之BOM

1. 浏览器的原理 1.1 浏览器的多线程 (1) 解析js引擎线程 (2) UI渲染线程 (3) 事件发起线程 (4) 发起请求的线程 (5) 定时器的线程 1.2 同步异步 (1) 前面事情的干完才能干后面的事情，例如吃完饭才能喝水。 (2) 前面的事情可以不干完，就干后面的事情，然后后面的事情干一半，可以回到前面的事情接着干，例如吃一口饭，喝一口水，然后再吃饭，再喝水。 1.3 浏览器执行JS的过程　　第一阶段载入阶段默认：同步 (1) 获取html的内容进行解析 (2) 生成DOM树，将html文件转化为html的结构树（DOM树）放到浏览器执行的内存环境中。 DOM树： html head meta title script body (3) 从html---> head---> meta---> title----> script（把js文件从服务器下载到浏览器本地来，下载完成后开始使用js解释器，进行解析，解析完成后进行执行，执行完成后）---> body (4) 解析完成 (5) 渲染：下载图片，下载图标 (6) 载入阶段结束　　第二阶段事件阶段默认：异步 onload (1) js中访问DOM树：通过document对象进行访问 var n = document.getElementById("div1") <!DOCTYPE html>

框架运用

阅读更多关于框架运用

这是页面效果第一次运用框架，还不是很熟练，总体效果有一些，由于时间有限，因此左边选择栏没有对右侧使用到浮动框架，浮动框架将在下一个博客介绍到。本次共有五个HTML文件首先是框架页面 top.html <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Document</title> <style> body{ position: relative; background:#B2CBE4 ; } img{ position: absolute; left: 20px; top: 20px; width:600px; height: 115px; } nav{ position: absolute; right: 60px; top: 60px; } a{ font-size: 25px; border-right: 2px solid #8DA1BE; margin-right: 5px; padding-right: 5px; text

订阅 html文件