好看的简单网页代码（好看的网页源代码）

今天给各位分享好看的简单网页代码的知识，其中也会对好看的网页源代码进行解释，如果能碰巧解决你现在面临的问题，别忘了关注本站，现在开始吧！

本文目录一览：

• 1、求一段简单的网页的代码
• 2、html简单网页代码怎么写？
• 3、求一段网页代码（超级简单，200分悬赏）
• 4、一些好的网页代码

求一段简单的网页的代码

js特效

script type="text/javascript"

function submit()

{

document.getElementById("oo").innerText=document.getElementById("xx").value;

}

/script

input type="text" id="xx" /

button type="submit" onclick="submit()"登录/button

div id="oo"/div

html简单网页代码怎么写？

1、在电脑桌面空白处单击右键，新建一个记事本并打开

2、在新建文件中输入如下代码。 html语言都是以htmlheadtitlebody等标签开始，以/html/head/title/body标签作为结束。

3、接下来要在title/title标签中间输入标题（如个人网页）在body/body中输入“自己做的第一个网页，厉害吧！”完成后点击保存。并将记事本后缀名.txt改为.html格式

4、将记事本重命名为.html格式后，出现如下格式。

5、双击打开此文件就会出现浏览器网页效果了。

扩展资料：

前端和后端的区别：

1、展示方式

前端指的是用户可见的界面，网站前端页面也就是网页的页面开发，比如网页上的特效、布局、图片、视频，音频等内容。前端的工作内容就是将美工设计的效果图的设计成浏览器可以运行的网页，并配合后端做网页的数据显示和交互等可视方面的工作内容。

后端是指用户看不见的东西，通常是与前端工程师进行数据交互及网站数据的保存和读取，相对来说后端涉及到的逻辑代码比前端要多，后端考虑的是底层业务逻辑的实现，平台的稳定性与性能等。

2、所用技术

前端开发用到的技术包括但不限于html5、css3、javascript、jquery、Bootstrap、Node.js 、Webpack、AngularJs、ReactJs、VueJs等技术。

后端开发以java为例，主要用到的包括但不限于Struts、spring、springmvc、Hibernate Http协议、Servlet、Tomcat服务器等技术。

3、工作职责

前端工程师主要的工作职责分为三大部分，分别是传统的Web前端开发，移动端开发和大数据呈现端开发。

后端工程师的主要职责也集中在三大部分，分别是平台设计、接口设计和功能实现。

4、知识结构

在知识结构方面，前端开发涉及到的内容包括Html、CSS、JavaScript、Android开发（采用Java或者kotlin）、iOS开发（采用OC或者Swift）、各种小程序开发技术（类Html），随着前端开发任务的不断拓展，前端开发后端化也是一个较为明显的趋势。

后端开发的重点在于算法设计、数据结构、性能优化等方面，在具体的功能实现部分可以采用Java、Python或者PHP等编程语言来实现。

求一段网页代码（超级简单，200分悬赏）

知道meta标签当中有一个refresh的功能吗？这是让浏览的页面刷新并可以转到相应的页面，如果刷新本页的话就会造成重复的刷新，改用脚本可以轻松实现只让页面刷新一次.

1.看看下面这段代码

Script

function reurl(){

url = location.href; //把当前页面的地址赋给变量 url

var times = url.split("?"); //分切变量 url 分隔符号为 "?"

if(times[1] != 1){ //如果?后的值不等于1表示没有刷新

url += "?1"; //把变量 url 的值加入 ?1

self.location.replace(url); //刷新页面

}

}

onload=reurl

/script

2.原理

充分利用地址栏可带参数的选项，用脚本来取得页面间的传递参数，并不需要后台程序的支持。

3.简单实现无限刷新

head

meta http-equiv="Content-Type" content="text/html; charset=gb2312" /

title无标题文档/title

meta http-equiv=refresh content="10"

/head

body

/body

/html

ps：实现这些功能有很多种方法，关键还是看你用什么架构，不是所有的代码都可以在各种平台通用的，要不也就不会发展出这么多种语言了，楼主如果不是为了交差，有兴趣多学学吧：）

一些好的网页代码

1. oncontextmenu="window.event.returnvalue=false" 将彻底屏蔽鼠标右键

table border oncontextmenu=return(false)tdno/table 可用于Table

2. body onselectstart="return false" 取消选取、防止复制

3. onpaste="return false" 不准粘贴

4. oncopy="return false;" oncut="return false;" 防止复制

5. link rel="Shortcut Icon" href="favicon.ico" IE地址栏前换成自己的图标

6. link rel="Bookmark" href="favicon.ico" 可以在收藏夹中显示出你的图标

7. input style="ime-mode:disabled" 关闭输入法

8. 永远都会带着框架

script language="javascript"!--

if (window == top)top.location.href = "frames.htm"; //frames.htm为框架网页

// --/script

9. 防止被人frame

SCRIPT LANGUAGE=javascript!--

if (top.location != self.location)top.location=self.location;

// --/SCRIPT

10. noscriptiframe src=*.html/iframe/noscript 网页将不能被另存为

11. input type=button value=查看网页源代码

onclick="window.location = 'view-source:'+ ''"

12. 怎样通过asp的手段来检查来访者是否用了代理

% if Request.ServerVariables("HTTP_X_FORWARDED_FOR")"" then

response.write "font color=#FF0000您通过了代理服务器，" _

"真实的IP为"Request.ServerVariables("HTTP_X_FORWARDED_FOR")

end if

%

13. 取得控件的绝对位置

//javascript

script language="javascript"

function getIE(e){

var t=e.offsetTop;

var l=e.offsetLeft;

while(e=e.offsetParent){

t+=e.offsetTop;

l+=e.offsetLeft;

}

alert("top="+t+"\nleft="+l);

}

/script

//VBScript

script language="VBScript"!--

function getIE()

dim t,l,a,b

set a=document.all.img1

t=document.all.img1.offsetTop

l=document.all.img1.offsetLeft

while a.tagName"BODY"

set a = a.offsetParent

t=t+a.offsetTop

l=l+a.offsetLeft

wend

msgbox "top="tchr(13)"left="l,64,"得到控件的位置"

end function

--/script

14. 光标是停在文本框文字的最后

script language="javascript"

function cc()

{

var e = event.srcElement;

var r =e.createTextRange();

r.moveStart('character',e.value.length);

r.collapse(true);

r.select();

}

/script

input type=text name=text1 value="123" onfocus="cc()"

15. 判断上一页的来源

asp:

request.servervariables("HTTP_REFERER")

javascript :

document.referrer

16. 最小化、最大化、关闭窗口

object id=hh1 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"

param name="Command" value="Minimize"/object

object id=hh2 classid="clsid:ADB880A6-D8FF-11CF-9377-00AA003B7A11"

param name="Command" value="Maximize"/object

OBJECT id=hh3 classid="clsid:adb880a6-d8ff-11cf-9377-00aa003b7a11"

PARAM NAME="Command" value="Close"/OBJECT

input type=button value=最小化 onclick=hh1.Click()

input type=button value=最大化 onclick=hh2.Click()

input type=button value=关闭 onclick=hh3.Click()

本例适用于IE

17.

%

'定义数据库连接的一些常量

Const adOpenForwardOnly = 0 '游标只向前浏览记录，不支持分页、Recordset、BookMark

Const adOpenKeyset = 1 '键集游标，其他用户对记录说做的修改将反映到记录集中，但其他用户增加或删除记录不会反映到记录集中。支持分页、Recordset、BookMark

Const adOpenDynamic = 2 '动态游标功能最强，但耗资源也最多。用户对记录说做的修改，增加或删除记录都将反映到记录集中。支持全功能浏览(ACCESS不支持)。

Const adOpenStatic = 3 '静态游标，只是数据的一个快照，用户对记录说做的修改，增加或删除记录都不会反映到记录集中。支持向前或向后移动

Const adLockReadOnly = 1 '锁定类型，默认的，只读，不能作任何修改

Const adLockPessimistic = 2 '当编辑时立即锁定记录，最安全的方式

Const adLockOptimistic = 3 '只有在调用Update方法时才锁定记录集，而在此前的其他操作仍可对当前记录进行更改、插入和删除等

Const adLockBatchOptimistic = 4 '当编辑时记录不会被锁定，而更改、插入和删除是在批处理方式下完成的

Const adCmdText = H0001

Const adCmdTable = H0002

%

18. 网页不会被缓存

HTM网页

META HTTP-EQUIV="pragma" CONTENT="no-cache"

META HTTP-EQUIV="Cache-Control" CONTENT="no-cache, must-revalidate"

META HTTP-EQUIV="expires" CONTENT="Wed, 26 Feb 1997 08:21:57 GMT"

或者META HTTP-EQUIV="expires" CONTENT="0"

ASP网页

Response.Expires = -1

Response.ExpiresAbsolute = Now() - 1

Response.cachecontrol = "no-cache"

PHP网页

header("Expires: Mon, 26 Jul 1997 05:00:00 GMT");

header("Cache-Control: no-cache, must-revalidate");

header("Pragma: no-cache");

19. 检查一段字符串是否全由数字组成

script language="javascript"!--

function checkNum(str){return str.match(/\D/)==null}

alert(checkNum("1232142141"))

alert(checkNum("123214214a1"))

// --/script

20. 获得一个窗口的大小

document.body.clientWidth,document.body.clientHeight

21. 怎么判断是否是字符

if (/[^\x00-\xff]/g.test(s)) alert("含有汉字");

else alert("全是字符");

22.TEXTAREA自适应文字行数的多少

textarea rows=1 name=s1 cols=27 onpropertychange="this.style.posHeight=this.scrollHeight"

/textarea

23. 日期减去天数等于第二个日期

script language=javascript

function cc(dd,dadd)

{

//可以加上错误处理

var a = new Date(dd)

a = a.valueOf()

a = a - dadd * 24 * 60 * 60 * 1000

a = new Date(a)

alert(a.getFullYear() + "年" + (a.getMonth() + 1) + "月" + a.getDate() + "日")

}

cc("12/23/2002",2)

/script

24. 选择了哪一个Radio

HTMLscript language="vbscript"

function checkme()

for each ob in radio1

if ob.checked then window.alert ob.value

next

end function

/scriptBODY

INPUT name="radio1" type="radio" value="style" checkedStyle

INPUT name="radio1" type="radio" value="barcode"Barcode

INPUT type="button" value="check" onclick="checkme()"

/BODY/HTML

25.获得本页url的request.servervariables("")集合

Response.Write "TABLE border=1!-- Table Header --TRTDBVariables/B/TDTDBvalue/B/TD/TR"

for each ob in Request.ServerVariables

Response.Write "TRTD"ob"/TDTD"Request.ServerVariables(ob)"/TD/TR"

next

Response.Write "/TABLE"

26.

本机ip%=request.servervariables("remote_addr")%

服务器名%=Request.ServerVariables("SERVER_NAME")%

服务器IP%=Request.ServerVariables("LOCAL_ADDR")%

服务器端口%=Request.ServerVariables("SERVER_PORT")%

服务器时间%=now%

IIS版本%=Request.ServerVariables"SERVER_SOFTWARE")%

脚本超时时间%=Server.ScriptTimeout%

本文件路径%=server.mappath(Request.ServerVariables("SCRIPT_NAME"))%

服务器CPU数量%=Request.ServerVariables("NUMBER_OF_PROCESSORS")%

服务器解译引擎%=ScriptEngine "/" ScriptEngineMajorVersion "."ScriptEngineMinorVersion"." ScriptEngineBuildVersion %

服务器操作系统%=Request.ServerVariables("OS")%

27.ENTER键可以让光标移到下一个输入框

input onkeydown="if(event.keyCode==13)event.keyCode=9"

28. 检测某个网站的链接速度：

把如下代码加入body区域中:

script language=javascript

tim=1

setInterval("tim++",100)

b=1

var autourl=new Array()

autourl[1]=""

autourl[2]="javacool.3322.net"

autourl[3]=""

autourl[4]=""

autourl[5]=""

function butt(){

document.write("form name=autof")

for(var i=1;iautourl.length;i++)

document.write("input type=text name=txt"+i+" size=10 value=测试中…… =》input type=text name=url"+i+" size=40 =》input type=button value=GO onclick=window.open(this.form.url"+i+".value)br/")

document.write("input type=submit value=刷新/form")

}

butt()

function auto(url){

document.forms[0]["url"+b].value=url

if(tim200)

{document.forms[0]["txt"+b].value="链接超时"}

else

{document.forms[0]["txt"+b].value="时间"+tim/10+"秒"}

b++

}

function run(){for(var i=1;iautourl.length;i++)document.write("img src=http://"+autourl[i]+"/"+Math.random()+" width=1 height=1 onerror=auto('http://";;+autourl[i]+"')")}

run()/script

29. 各种样式的光标

auto ：标准光标

default ：标准箭头

hand ：手形光标

wait ：等待光标

text ：I形光标

vertical-text ：水平I形光标

no-drop ：不可拖动光标

not-allowed ：无效光标

help ：?帮助光标

all-scroll ：三角方向标

move ：移动标

crosshair ：十字标

e-resize

n-resize

nw-resize

w-resize

s-resize

se-resize

sw-resize

关于好看的简单网页代码和好看的网页源代码的介绍到此就结束了，不知道你从中找到你需要的信息了吗 ？如果你还想了解更多这方面的信息，记得收藏关注本站。