菜鸟教程JavaScript,菜鸟教程python

http://www.itjxue.com  2023-01-20 15:34  来源:未知  点击次数: 

如何再点击登录按钮后, 弹出如图所示的对话框? 用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等各种编程语言的基础知识。

(责任编辑:IT教学网)

更多