JavaScript
文章平均质量分 59
wangzirui32
这个作者很懒,什么都没留下…
展开
-
【HTML】如何在页面上插入一言网上的经典名言
大家是不是经常看到别人的博客网站上总有几句经典的名言,并且每次访问时名言都不一样,本文将带领大家完成这一效果。原创 2022-06-03 16:04:26 · 1548 阅读 · 2 评论 -
HTML:Marked-js+Bootstarp简单实现Markdown文本编辑器
hello,大家好,我是wangzirui32,今天我们来学习如何使用Marked-js+Bootstarp简单实现Markdown文本编辑器,开始学习吧!1. Marked-jsMarked-js 是一个用 JS代码实现的 Markdown 解析器,能快速解析 Markdown 代码并生成为 HTML ,Github项目主页:https://github.com/markedjs/marked,可以由CDN引入:<script src="https://cdn.bootcdn.net/ajax原创 2022-04-30 17:58:29 · 1895 阅读 · 0 评论 -
教你如何在自己的Web项目中集成TinyMCE富文本编辑器
hello,大家好,今天我们来学习如何在自己的Web项目中集成TinyMCE富文本编辑器,开始学习吧!1. TinyMCE简介TinyMCE是一款易用、且功能强大的所见即所得的富文本编辑器,它的优势体现在一下几点:开源可商用插件丰富可扩展性强界面好看,符合现代审美多语言支持,官网可下载几十种语言。综合以上几点,我力荐TinyMCE作为前端的富文本编辑器。2. 引入TinyMCE现在TinyMCE已经支持script标签直接指定链接并引入:<script src="https:原创 2021-06-28 21:31:59 · 949 阅读 · 1 评论 -
jQuery+Echarts:实现GitHub Python星级项目排名柱形统计图
hello,大家好,我是wangzirui32,今天来教大家如何通过jQuery和Echarts实现GitHub Python星级项目排名柱形统计图,开始学习吧!1. 数据来源这里的数据来源于GitHub的API接口,网址为https://api.github.com/search/repositories?q=language:python&soct=stars,这里截取一部分返回数据:{ "total_count": 7498880, "incomplete_results": f原创 2021-06-26 21:33:36 · 355 阅读 · 0 评论 -
jQuery:animate方法实现简单网页动画
hello,大家好,我是wangzirui32,今天我们来学习如何使用jQuery的animate方法实现网页动画。开始学习吧!实现动画<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <script src="https://cdnjs.cloudflare.com/ajax/libs/jquery/3.3.1/jquery.min.js"></script&原创 2021-03-28 15:51:27 · 476 阅读 · 0 评论 -
jQuery:css方法 动态更改标签css样式
hello,大家好,我是wanzirui32,今天我们来学习如何使用jQuery的css方法,动态更改标签css样式。开始学习吧!学习目录读取标签的css样式设置标签的css样式给标签设置多个css属性读取标签的css样式<!DOCTYPE html><html> <head> <meta charset="utf-8"> <script src="https://cdnjs.cloudflare.com/ajax/libs/j原创 2021-03-28 15:20:38 · 682 阅读 · 0 评论 -
Flask+jQuery:AJAX技术动态加载网页
hello,大家好,我是wangzirui32,今天我们来学习如何使用jQuery实现AJAX动态加载网页。学习目录1. 准备工作1.1 搭建测试网站1.2 数据文件1.3 网页模板1.4 静态资源2. 编写加载代码3. 效果展示写在最后1. 准备工作准备工作有点多,如果只是来学习jQuery的,请跳到第2部分-编写加载代码。1.1 搭建测试网站这里我用Python的Flask搭建了一个测试网站,代码如下:from flask import Flaskfrom flask import ren原创 2021-03-14 14:09:38 · 941 阅读 · 0 评论 -
JavaScript:使用js脚本写入HTML代码
Hello,大家好,我是wangzirui32,今天我们来学习如何让js脚本自动写入HTML代码。首先,打开一个js文件,命名为hello.js,输入:// 一个用于测试写入HTML代码的hello函数// 用法:调用时在HTML页面上写入“你好!”function hello(){ // document.write函数 用来写入括号中的HTML源码(为字符串) document.write("<h1>Hello!</h1>");}// 调用一次hello();原创 2021-02-17 15:20:20 · 3316 阅读 · 0 评论 -
HTML:使用JavaScript脚本在网页上编写一个简单的乘法计算器
hello,大家好,我是wangzirui32,今天我来学习如何使用表单+js脚本编写一个简单的乘法计算器,先创建一个HTML文件,输入:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JavaScript乘法计算器</title> <script src="demo.js"></script></h原创 2021-02-16 19:23:31 · 3069 阅读 · 0 评论 -
HTML:使用JavaScript(js)脚本在网页上显示实时时间
hello,大家好,我是wangzirui32,今天我们来学习如何在网页上显示当前时间。1. 静态显示这种方式只获取网页打开时的时间:<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title>获取时间</title> </head> <body> </body></html>原创 2021-02-15 19:13:06 · 7114 阅读 · 7 评论