![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
HTML
qq_39355295
这里是一个前端的小白的基本的学习笔记,记录自己的成长
展开
-
HTML中基本形式
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0,maximum-scale=1.0,user-scalable=0...原创 2019-10-23 21:03:58 · 154 阅读 · 0 评论 -
js基本使用(一)--输入框只能输入正整数的最简实现
最简单的html代码实现输入框只能输入正整数,输入同时禁止了以0开始的数字输入,防止被转化为其他进制的数值。 <input type='text' onkeyup="value=value.replace(/^(0+)|[^\d]+/g,'')"> ...转载 2019-10-21 19:22:24 · 1838 阅读 · 1 评论 -
HTML基本使用(一)--利用CSS设置鼠标样式
一、介绍 鼠标点击的地方一般有4个动作: 正常显示 鼠标放上去 鼠标点击 鼠标点击后 二、动作介绍 (1) a:link 超链接的默认样式 (2) a:visited 访问过的(已经看过的)链接样式 (3) a:hover 鼠标处于鼠标悬停状态的链接样式 (4) a:active 当鼠标左键按下时,被激活(就是鼠标按下去那一瞬间)的链接样式。 三、实例介绍 前提:这里我们把a标签作为此...原创 2019-10-21 18:43:04 · 292 阅读 · 0 评论 -
使用 iframe + postMessage 实现多级跨域通信(二)
1、简介: 看过我前面写的跨域通信(一),那是我再开发中遇到问题时,自己上网学习,之前跨域通信时自己的知识盲点。在大量的大神案例的引导下,自己也开始明白了一点,于是便有了使用iframe+possMessags实现跨域通信(一) 2、要解决多级跨域通信问题: 但是。。。。我的问题并没有解决,因为我发现我的问题时多级跨域通信问题,于是又带着极大的好奇心,上网搜索,但是没有成功。 于是我通读javas...原创 2019-10-15 21:07:08 · 1112 阅读 · 0 评论 -
使用 iframe + postMessage 实现跨域通信(一)
1、来源介绍 (1)通常情况下,当且仅当它们源自的页面共享相同的协议,端口号和主机(也称为“同源策略”),不同页面上的脚本允许彼此访问。 (2)==window.postMessage()==提供了一个受控的机制来安全地规避这个限制(如果使用得当的话)—就是本文所讲实现跨域通信。 2、语法介绍 (1)window.postMessage()方法可以安全地实现Window对象之间的跨域通信。例如页面...原创 2019-10-12 11:37:22 · 1115 阅读 · 0 评论 -
iframe 标签
1、介绍 标签是一个内联框架。 一个内联框架被用来在当前 HTML 文档中嵌入另一个文档。 2、浏览器支持 所有主流浏览器都支持 标签。 3、实例 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>菜鸟教程(runoob.com)</title> ...原创 2019-10-11 16:59:59 · 134 阅读 · 0 评论