html代码

前端基础之JavaScript

情到浓时终转凉″ 提交于 2020-03-19 08:07:09
一.JavaScript简介 JavaScript一种直译式脚本语言,是一种动态类型、弱类型、基于原型的语言,内置支持类型。它的解释器被称为JavaScript引擎,为浏览器的一部分,广泛用于客户端的脚本语言,最早是在HTML(标准通用标记语言下的一个应用)网页上使用,用来给HTML网页增加动态功能。 二.JavaScript基础 2.1JS的引入 直接编写 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script> alert("Hello JavaScript") </script> </head> <body> </body> </html> 导入文件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="hello.js"></script> </head> <body> </body> </html> 2.2 JS的变量、常亮和标识符 2.2.1.JS的变量 x=5 y=6 z=x+y 在代数中,我们使用字母(比如 x)来保存值(比如 5)。通过上面的表达式 z=x+y,我们能够计算出 z 的值为 11。在

20160406javaweb 之JDBC简单案例

爷,独闯天下 提交于 2020-03-19 04:17:59
前几天写的user注册登录注销案例 ,没有用到数据库,现在做出改动,使用数据库存储信息: 一、首先我们需要建立一个数据库: 如下图: 创建数据库的代码如下: -- 导出 database02 的数据库结构 CREATE DATABASE IF NOT EXISTS `database02` /*!40100 DEFAULT CHARACTER SET utf8 */; USE `database02`; -- 导出 表 database02.users 结构 CREATE TABLE IF NOT EXISTS `users` ( `id` int(10) NOT NULL AUTO_INCREMENT, `username` varchar(20) NOT NULL, `password` varchar(50) NOT NULL, `nickname` varchar(40) NOT NULL, `email` varchar(50) NOT NULL, PRIMARY KEY (`id`) ) ENGINE=InnoDB DEFAULT CHARSET=utf8; 二、创建包和类 1.创建一个接口 package com.dzq.dao; import com.dzq.domian.User; public interface UserDao { /** *

Python妹子图爬虫实战项目【新手必学】

为君一笑 提交于 2020-03-18 19:54:14
作为Python的初学者,爬虫肯定是入门的不二选择,既能熟悉语法,又能通过爬虫了解一定的网络编程知识。 要想完美的食用本篇教程,首先你需要熟悉Python的基础语法以及基础的数据结构,之后最好了解Python面向对象编程,还有xpath的基本语法。 新手司机上路,请注意!:很多人学Python过程中会遇到各种烦恼问题,没有人解答容易放弃。为此小编建了个Python全栈免费答疑.裙 :七衣衣九七七巴而五(数字的谐音)转换下可以找到了,不懂的问题有老司机解决里面还有最新Python实战教程免非下,,一起相互监督共同进步! 爬虫的原理其实很简单,模仿人浏览网页并记录数据。 我们的目标网站—— www.mmjpg.com 如果你现在已经打开了这个网站,求求你们,把持住自己!!! 现在,让我们踩下油门,开始飙车!!! 我们的目的是保存每个妹子的图片,并以文件夹的形式保存在我们的电脑上。 首先我们分析这个网站的url,这是很重要的一步 打开首页 www.mmjpg.com 点击下一页,它的第二页是 http://www.mmjpg.com/home/2 ,这时我们把2改成1,是不是就可以跳转到第一页呢? 哇!!居然是404!!! 所以我们现在了解到,这个网站第一页为 www.mmjpg.com ,后面的页面为 http://www.mmjpg.com/home/n ,n是页码。 目前

springboot整合freemarker

倖福魔咒の 提交于 2020-03-18 18:21:49
前言 本篇文章主要介绍的是springboot整合freemarker填充ftl模板文件,生成新的文件(如html),以及freemarker的语法。 GitHub源码链接位于文章底部。 freemarker介绍 freemarker是一款模板引擎,它基于模板来生成文本输出。这里的文本包括但不限于html页面,word,各种源代码文本...... 工作原理 模板:就是一份已经写好了基本内容,有着固定格式的文档,其中空出或者用占 位符标识的内容,由使用者来填充,不同的使用者给出的数据是不同的。在模板 中的占位符,在模板运行时,由模板引擎来解析模板,并采用动态数据替换占位 符部分的内容。 freemarker的应用方向有两个,一是基于ftl文件,将内容填充到ftl文件中,就可以使用制作ftl模板的文本的方式进行访问和显示了,比如使用html文本制作了一个ftl模板,我们使用代码填充数据进ftl模板,那么我们就能以访问html的方式去打开这个文件了;另一种方式则是直接生成对应的文件,比如生成xxx.html的文件。 应用场景 : 淘宝中的商品数不胜数,在商品的详情页这一块,如果全都以真实的html页面显示,那么有多少个商品就得有多少个页面了,何况还有增删改的情况。所以使用一个固定的ftl模板,填充数据,这样一个文件就能显示无数个页面的内容了。 再比如一些政府单位的项目

DOM与事件及Todolist案例

我的梦境 提交于 2020-03-18 17:36:33
1. DOM简介 DOM: 文档对象模型 JS将整个HTML/XML文档看一个对象,也称为 DOM树 DOM树由各种类型的 节点 组成 2. 获取DOM元素的四种方法 标签: document.getElementsByTagName() ID: document.getElementById() class: document.getElementsByClassName() API: document.querySelector() / document.querySelectorAll() 控制台效果图 代码 <!DOCTYPE html> <html> <head> <title> 获取元素的四种方法 </title> <meta charset = "utf-8" > </head> <body> <!-- 1 学习查询手册, 学习常用的DOM操作方法 2 将课堂上所有的涉及的属性与方法全部上机实战 3 独立完成最后的Todolist案例 --> <div id = "list" > <ul class = "poster" > <li name = "active" > 第一行内容 </li> <li name = "ct" > 第二行内容 </li> <li> 第三行内容 </li> </ul> </div> <script type = "text

Html转pdf的方法记录

一曲冷凌霜 提交于 2020-03-18 17:25:36
3 月,跳不动了?>>> Html转pdf的方法 参考文献: https://cloud.tencent.com/developer/article/1534712 此前接到一个需求,前端传一个html长字符串,要求处理转换成pdf进行储存,由于此前没做过,怎么办?百度一下,发现网上虽然可以找出挺多的,但是往往有着许多的问题,要么是有代码没有依赖,或者有依赖但是拷贝到本地之后,依然报错,无法正常运行,找了好久,找到了 斯文的程序 的文章,写的很全面。 以免以后遇到相同功能,会忘记,所以,在成功实现之后,决定记录一下。 下面是我的效果图 首先第一步,要准备jar包 <dependency> <groupId>com.itextpdf</groupId> <artifactId>itextpdf</artifactId> <version>5.5.13</version> </dependency> <dependency> <groupId>com.itextpdf.tool</groupId> <artifactId>xmlworker</artifactId> <version>5.5.13.1</version> </dependency> <dependency> <groupId>com.itextpdf</groupId> <artifactId>itext-asian<

C#网络爬虫抓取小说

北城以北 提交于 2020-03-18 15:40:59
心血来潮,想研究下爬虫,爬点小说。 通过百度选择了个小说网站,随便找了一本小书http://www.23us.so/files/article/html/13/13655/index.html 一、分析html规则 思路是获取小说章节目录,循环目录,抓取所有章节中的内容,拼到txt文本中。最后形成完本小说。 1、获取小说章节目录 通过分析,我在标注的地方获取小说名字及章节目录。 <meta name="keywords" content="无疆,无疆最新章节,无疆全文阅读"/>// 获取小说名字 <table cellspacing="1" cellpadding="0" bgcolor="#E4E4E4" id="at">// 所有的章节都在这个table中。 下面是利用正则,获取名字与目录。 // 获取小说名字 Match ma_name = Regex.Match(html, @"<meta name=""keywords"".+content=""(.+)""/>"); string name = ma_name.Groups[1].Value.ToString().Split(',')[0]; // 获取章节目录 Regex reg_mulu = new Regex(@"<table cellspacing=""1"" cellpadding=""0"" bgcolor=

页面导出为PDF文件时为每页增加页眉

梦想与她 提交于 2020-03-18 09:54:46
接上篇文章, https://www.cnblogs.com/BoyTNT/p/12515225.html ,继续探索如何给每页加页眉,其实思想很简单,比如页眉上想添加logo,那就在jspdf创建每页时多加个图片上去就好了。 先上效果图,借华为LOGO一用: 再放代码,主体还是上篇文章的分页导出算法: 1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="utf-8"> 5 <title>测试PDF导出</title> 6 <meta http-equiv="X-UA-Compatible" content="IE=edge"> 7 <meta name="viewport" content="width=device-width, initial-scale=1"> 8 <script src="js/html2canvas.min.js"></script> 9 <script src="js/jspdf.min.js"></script> 10 <style> 11 html,body { margin:0; padding:0; } 12 #page ul { padding:0;list-style:none; } 13 #page li { line-height:110px;color:#fff;padding

*JavaScript 输出

人盡茶涼 提交于 2020-03-18 09:31:56
JavaScript 没有任何打印或者输出的函数。 JavaScript 显示数据 JavaScript 可以通过不同的方式来输出数据: 使用 window.alert() 弹出警告框。 使用 document.write() 方法将内容写到 HTML 文档中。 使用 innerHTML 写入到 HTML 元素。 使用 console.log() 写入到浏览器的控制台。 使用 window.alert() 你可以弹出警告框来显示数据: 实例 < !DOCTYPE html > < html > < body > < h1 >我的第一个页面 < /h1 > < p >我的第一个段落。 < /p > < script > window.alert(5 + 6); < /script > < /body > < /html > 尝试一下 » 操作 HTML 元素 如需从 JavaScript 访问某个 HTML 元素,您可以使用 document.getElementById( id ) 方法。 请使用 "id" 属性来标识 HTML 元素,并 innerHTML 来获取或插入元素内容: 实例 < !DOCTYPE html > < html > < body > < h1 >我的第一个 Web 页面 < /h1 > < p id= "demo" >我的第一个段落 < /p > <

js子窗口修改父窗口内容

烈酒焚心 提交于 2020-03-18 07:32:59
在框架中,我用 JavaScript 获取 JSON 数据,组织成 HTML 代码,最后将其填充至上层文档的一个元素中。按照一般的写法,我们需要用到类似如下的语句: 1. window.parent.document.getElementById( "myEle" ).innerHTML = html; 使用 jQuery ,写法如下: 1. $( "#myEle" , window.parent.document).html(html); 即指明了是在 window.parent.document 中查找 id=myEle 的元素。 随着前面的问题的解决(其实是对 jQuery 的了解不够),现在两种方案都可以实现我需要的效果了。 另外还有一种实现方式,代码如下: 1. parent.$( "#myEle" ).html(html); 这种方法要求父文档也要调用 jQuery 。 今天总结一下js中几个对象的区别和用法: 首先来说说 parent.window与top.window的用法 "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 "top.location.href"是最外层的页面跳转 举例说明: 如果A,B,C,D都是jsp,D是C的iframe,C是B的iframe