javascript制作网页_51CTO博客
这是通过黑马程序员的教程进行学习的。以下是做一个网页的流程。目录第一步分析:分析网页——将网页分成若干部分第二步实现:1—头部2—导航条 3—注册页面4—网站底部15—网站底部2 6—网站底部3第三步功能—表单校验功能描述:功能实现总结第一步分析:分析网页——将网页分成若干部分 这里将网页置于一个布局容器中,然后将整个网页分成6个大部分,分别实现。<div class="
【HTML③】JavaScript基础、使用JavaScript制作网页特效、使用前端库及UI框架快速开发八、JavaScript基础1.JavaScriptJavaScript简称JS是用于制作网页的动态效果的,如:页面的弹出广告、浮动广告、下拉菜单、表单验证等功能都由JavaScript完成;JS是嵌入在网页中的一个脚本语言;不像Java一样庞大,但它的灵活度高;JavaScript它是目前所
前端网页制作-javaScripe 笔记 本人为js新手,以下内容如果有任何误人子弟的地方希望大家积极提出,我会马不停蹄的改正,谢谢大神们的指点,本人感激不尽。 1: Hello Word输出"Hello Word" document.write(); docement.write(Hello Word);嵌入js代码的方式 head 标签中script 标签中:< script type
转载 2023-07-23 21:22:30
138阅读
1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得到表单中元素的名称和值:document.getElementById
使用JavaScript制作动态网页-2表单验证<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>表单验证</title> </head> <body> <form action="#"
转载 2023-09-19 20:27:15
159阅读
1. 将彻底屏蔽鼠标右键oncontextmenu="window.event.returnValue=false" <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. 取消选取、防止复制 <body onselectstart="return false"&gt
转载 2023-06-09 08:23:51
53阅读
1.为何学习 JavaScript? JavaScript 是 web 开发者必学的三种语言之一:HTML 定义网页的内容----[制作网页]----简单枯燥CSS 规定网页的布局和样式—[美化网页]HTML+CSS—网页—没有动态的网页【1.无动态效果 2.数据没有动态化】JavaScript网页行为进行编程【动态效果,数据动态加载】2. 什么是JavaScript?1.javascript
1. 前端三要素HTML(结构):超文本标记语言(Hyper Text Markup Language),决定网页的结构和内容CSS(表现):层叠样式表(Cascading Style Sheets),设定网页的表现样式。JavaScript(行为):是一种弱类型脚本语言,其源码不需经过编译,而是由浏览器解释运行,用于控制网页的行为什么是CSS预处理器用一种专门的编程语言,进行Web页面样式设计,
一、JavaScript基本语法1.简介JavaScript诞生于1995年,主要是进行用户输入的合法性验证Web脚本语言  轻型的、解释性的  浏览器内2.执行原理当客户端向服务器请求某个页面时,服务器端将整个页面包含JavaScript的脚本代码作为响应内容,发送到客户端的机器,客户端浏览器根据收到的网页内容从上往下逐行读取并解释其中的HTML或脚本代码从服务器端下载到客户
  使用 JavaScript 设计网页需要注意代码出现的顺序以及是否将代码封装到函数或对象中,所有这些都会影响代码运行的顺序。  JavaScript 网页上的位置  由于页面上的 JavaScript 基于某些因素执行,让我们考虑在何处以及如何将 JavaScript 添加到网页。基本上我们可以在三个位置附加 JavaScript:  直接进入页面头部  直接进入页面正文  从事件处理程序/侦
每一项都是JS中的小技巧,但十分的实用! 1.document.write(”"); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,locetion,document) 5.得到表单中元素的名称
JavaScript烟花设计今天给大家分享一篇自己用JavaScript实现烟花设计,主要运用了js+html语言,实现动态效果,展现出月明星稀下城市一片宁静的情景,令人心旷神怡。 文章目录系列文章目录前言一、JavaScript是什么?二、案例分析 1.效果展示 2.部分源代码展示总结 前言JavaScript 作为 Netscape Navigator&nbs
今天继续完成上次的静态网页制作 首先对照片下面的用户名进行一些设置,让它变得美观一些。 先添加一下间距,字体的大小。然后添加两条大小1px的虚线并设置虚线的颜色。设置padding的上下间距。因为span并不具备盒子模型属性,所以要设置将span转换成块元素。设置完用户名样式,我们来设置活动地带模块。在这里我们可以将活动地带设置成标题,其他设置成带链接的列表。 为了使活力模块美观,我们先设置一下
  动态字幕  代码:在需要处加入  < marquee onmouseover=this.stop() onmouseout=this.start()>欢迎访问JavaScript教程网  特点:当你把鼠标指向字幕时字幕停止并有链接、移开鼠标指针字幕又滚动了,运用以上代码即可实现。  延伸:动态字幕有一个属性“direction”,它是控制字幕滚动方向的,把“direction”的属
转载 2023-06-07 14:46:42
90阅读
文本框走动跑马灯 <SCRIPT Language="JavaScript"> var msg="欢迎访问网页特效代码 www.qpsh.com "; var interval = 100; var space10=""; var seq=0; function Scroll() { document.tmForm.tmText.value = msg.substring(seq,
近几天做了几套模板先将心的整理一下发给大家以供各位参考借鉴。在做模板之前大家最好具备一些基本的网页制作方面的知识。那么咱们先来看看如何制作一套简单的模板流程。 1、在Photoshop中制作风格页面并切图保存;2、制作html文档,css调整; 在开始前,先了介绍一下discuz!的几个模板文件: 1、header.htm--页面头部 2、discus.htm--论坛首页3、index_
?文章目录一、??网站题目二、✍️网站描述三、?网站介绍四、?网站演示五、⚙️ 网站代码?HTML结构代码?CSS样式代码六、? 如何让学习不再盲目七、?更多干货 一、??网站题目?茶文化网站、?️?中华传统文化题材、京剧文化?水墨风书画、中国民间年画文化艺术网站 、等网站的设计与制作。二、✍️网站描述?️ 这个首页代码运用了DIV盒子的使用方法,如盒子的嵌套、浮动、margin、border、
挺长时间没有写博客了,有些知识有写模糊了,今天在写10个简单的JavaScript特效吧!1、Enter键实现Tab键功能有些时候我们注册表单的时候,会发现只要按Enter键,光标便进入的到了下一个注册选项,提高了用户的注册速度。和Tab键的功能一样,可以通过将Enter键的功能转换为Tab键的功能。 <html> <head> <title>Ent
转载 2023-07-22 12:11:31
81阅读
  对于初学编程的朋友来说,这篇文章有点长,而且会有点难懂。但是请不要放弃,我尽量以通俗的语言解释相关的编程概念,这里只讲解编写一个游戏需要的相关编程概念(如需要会在后面的文章中随时补充相关概念),对其余未涉及的编程概念大家可以自行搜索学习。本文都是简单的编程概念,请耐心看完,如有疑问欢迎与我交流。本人水平有限,如有错误欢迎指正。  正如有人的地方就有江湖,有浏览器的地方就有JavaScript
转载 2023-08-30 22:59:32
0阅读
得知途径B3log提供了两套博客系统,一个是用Java开发的,叫做Solo,我也是在网上搜索Java博客系统时发现了它,之后才了解了B3log;还有一个是用Go语言开发的,叫做Pipe.其中Solo是需要自己在自己的云主机上搭建的,而Pipe可以选择自己搭建,也可以使用B3log搭建好的服务.在Pipe的主页,背景使用了一个非常酷炫的粒子特效,而且还能和鼠标指针互动。 我最近正好在学习网页制作,就
转载 2023-10-07 23:12:01
72阅读
  • 1
  • 2
  • 3
  • 4
  • 5