菜鸟教程JavaScript,菜鸟教程python
如何再点击登录按钮后, 弹出如图所示的对话框? 用JAVASCRIPT怎么实现?
用摸态框(以下示例代码来自:菜鸟教程)。
!DOCTYPE html
html
head
titleFoundation 实例/title
meta charset="utf-8"
meta name="viewport" content="width=device-width, initial-scale=1"
link rel="stylesheet" href=""
script src=""/script
script src=""/script
script src=""/script
/head
body style="padding:20px;"
div style="padding:20px;"
h2模态框/h2
p模态框是一个显示在页面头部的弹窗。/p
button type="button" class="button" data-reveal-id="myModal"点我打开模态框/button
div id="myModal" class="reveal-modal" data-reveal
h2Heading in Modal./h2
pSome text in the modal./p
pSome text in the modal./p
a class="close-reveal-modal"×/a
/div
/div
script
$(document).ready(function() {
$(document).foundation();
})
/script
/body
/html
用js的正则表达式检测电话号码,要求,必须是1开头,只能是数字,并且是11位数字,这儿正则表达式怎么写
手机号的正则表达式为“^1(3|4|5|7|8)\d{9}$”,解释如下
“^1”表示以1开头,“(3|4|5|7|8)”表示第二位可能是3/4/5/7/8等的任意一个,在加上后面的\d表示数字[0-9]的9位,总共加起来11位结束。
代码如下:
function checkPhone(){
var phone = document.getElementById('phone').value;
if(!(/^1(3|4|5|7|8)\d{9}$/.test(phone))){
alert("手机号码有误,请重新输入");
return false;
}
}
js正则表达式常用元素符如下:
扩展资料:
正则表达式,又称规则表达式。(英语:Regular Expression,在代码中常简写为regex、regexp或RE),计算机科学的一个概念。正则表达式通常被用来检索、替换那些符合某个模式(规则)的文本。
许多程序设计语言都支持利用正则表达式进行字符串操作。例如,在Perl中就内建了一个功能强大的正则表达式引擎。正则表达式这个概念最初是由Unix中的工具软件(例如sed和grep)普及开的。正则表达式通常缩写成“regex”,单数有regexp、regex,复数有regexps、regexes、regexen。
参考资料:
官网正则表达式API-Creating a regular expression
菜鸟教程-JavaScript?正则表达式
关于菜鸟的javascript.... 我自学了javascript,懂了一点点 今天自己上网看了一些图片切换的特效
额 给你讲讲思路吧:
1、首先用html写出图片标签img和展示图片的区域div
2、为每张图片注册事件侦听器mouseover,当鼠标移动到该图片时,触发事件侦听器(也就是相应的js函数),获得图片的地址,然后将展示区域的 img.src修改成当前获得的地址即可。
剩下的就是实现了。。。写了个 你看看,要运行,把里面的图片,换成你电脑里的就行了
!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" ""
html xmlns=""
head
meta http-equiv="Content-Type" content="text/html; charset=utf-8" /
title无标题文档/title
/head
style
#showImg{
width:200px;
height:200px;
border:#000000 1px solid;
}
/style
body
div id="imgs"
img src="png-0001.png" /
img src="png-0002.png" /
img src="png-0003.png" /
img src="png-0004.png" /
/div
div id="showDiv"
img id='showImg' src="png-0001.png" /
/div
/body
script language="javascript"
function initImg()
{
var imgs=document.getElementById('imgs').getElementsByTagName('img');//返回一个img集合的数组
for(var i=0;iimgs.length;i++)
{
var path=imgs[i].src;//获得图片路径
show(imgs[i],path);
}
}
function show(img,path)
{
var imgObject=new Image();
imgObject.src=path;
var showImg=document.getElementById('showImg');
if(img.addEventListener)//w3c标准 添加事件侦听器(事件触发函数)方式
{
img.addEventListener('mouseover',function(){showImg.src=imgObject.src;},false);
}
else //IE添加事件侦听器(事件触发函数)方式
{
img.attachEvent('onmouseover',function(){showImg.src=imgObject.src;});
}
}
window.onload=initImg;
/script
/html
有什么好的学习javascript的网站
基础性的学习网站:
w3school:
w3cplus:
菜鸟教程网:
易百教程:
脚本之家:
视频类的学习网站:
尚学堂:
慕课网:
扣丁课堂:
极客学院:
个人博客类的学习网站:
张鑫旭:
阮一峰:
廖雪峰:
辰辰:
轩枫阁:
社区类的学习网站:
segmentfault:
掘金:
简书:
Stack Overflow:
CSDN:
博客园:
希望对你有帮助!
为什么菜鸟教程无法运行if语句
操作不正确。
没有满足它运行的条件。把括号去掉。
菜鸟教程提供了编程的基础技术教程,介绍了HTML,CSS,Javascript,Python,Java,Ruby,C,PHP,,MySQL等各种编程语言的基础知识。