JavaScript网页和idea网页制作的区别

一、JavaScript网页和idea网页制作的区别

1、JavaScript网页和IDEA网页制作的区别主要在于它们是不同的技术和工具。

2、JavaScript是一种脚本语言，用于在网页中实现交互式效果和动态内容。使用JavaScript，可以编写处理表单验证、浏览器检测、页面动画等等交互特效的脚本。在JavaScript网页制作中，主要使用HTML、CSS和JavaScript语言来创建和设计网页。

3、而IDEA（IntelliJ IDEA）是一种开发工具，主要用于软件开发和Web应用程序开发。它提供了很多功能，如代码编辑器、调试器、版本控制、代码分析等等，以帮助开发人员更快速、更高效地开发应用程序。IDEA网页制作中，主要使用HTML、CSS、JavaScript以及IDEA的开发工具来创建和设计网页。

4、因此，虽然JavaScript网页制作和IDEA网页制作都可以用来创建和设计网页，但它们的技术和工具是不同的。JavaScript网页制作主要关注前端的开发技术和交互特效，而IDEA网页制作则更多地关注Web应用程序的开发流程和工具的使用。

二、HTML+JavaScript 可以做网站前台

1、JavaScript主要是用于网页的行为，特效等

2、当然了现在流行很多框架，其实都是万变不离其宗，主要就是上面的三种技术。如果懂点平面设计会用PhotoShop等就更好了。

3、HTML+JavaScript可以做网站前端，当然这样的话会吧外观和样式混入到HTML标记里，在Demo的时候也可以这样混写。

4、但是当页面变得复杂的时候还是需要CSS来进行控制的，因为使用CSS可以实现内容和样式的分离，也方便其他页面使用相同的样式。

三、求一个html或者css、js的网页设计作业

1、<!-- saved from url=(0014)about:internet-->

2、*{margin:0;padding:0;border:0;}

3、font-family: arial,宋体, serif;

4、/*定义整个ul菜单的行高和背景色*/

5、/*==================一级目录===================*/

6、/*Width(一定要)，否则下面的Li会变形*/

7、background:#CCC;/*一级目录的背景色*/

8、border-bottom:#FFF 1px solid;/*下面的一条白边*/

9、/*float：left,本不应该设置，但由于在Firefox不能正常显示

10、继承Nav的width,限制宽度，li自动向下延伸*/

11、background:#CC0000;/*一级目录onMouseOver显示的背景色*/

12、color:#666; text-decoration:none;

13、color:#666;text-decoration:none;

14、color:#FFF;text-decoration:none;font-weight:bold;

15、/*==================二级目录===================*/

16、background:#EBEBEB;/*二级目录的背景色*/

17、/* padding-left二级目录中文字向右移动，但Width必须重新设置=(总宽度-padding-left)*/

18、color:#666; text-decoration:none;

19、color:#666;text-decoration:none;

20、/*二级onmouseover的字体颜色、背景色*/

21、/*==============================*/

22、<li><a href="#Menu=ChildMenu1" onclick="DoMenu('ChildMenu1')">我的网站</a>

23、<ul id="ChildMenu1" class="collapsed">

24、<li><a href="#">网页教学网</a></li>

25、<li><a href="#">管理</a></li>

26、<li><a href="#">网页教学网</a></li>

27、<li><a href="#">管理</a></li>

28、<li><a href="#">网页教学网</a></li>

29、<li><a href="#">管理</a></li>

30、<li><a href="#Menu=ChildMenu2" onClick="DoMenu('ChildMenu2')">我的帐务</a>

31、<ul id="ChildMenu2" class="collapsed">

32、<a href="#">支付</a></li>

33、<li><a href="#">管理</a></li>

34、<li><a href="#">网上支付</a></li>

35、<li><a href="#">登记汇款</a></li>

36、<li><a href="#">在线招领</a></li>

37、<li><a href="#">历史帐务</a></li>

38、<li><a href="#Menu=ChildMenu3" onClick="DoMenu('ChildMenu3')">网站管理</a>

39、<ul id="ChildMenu3" class="collapsed">

40、<li><a href="#">登录</a></li>

41、<a href="#">管理</a></li>

42、<li><a href="#">管理</a></li>

43、<li><a href="#">管理</a></li>

44、<li><a href="#Menu=ChildMenu4" onClick="DoMenu('ChildMenu4')">网站管理</a>

45、<ul id="ChildMenu4" class="collapsed">

46、<li><a href="#">登录</a></li>

47、<a href="#">管理</a></li>

48、<li><a href="#">管理</a></li>

49、<li><a href="#">管理</a></li>

50、<li><a href="#">管理</a></li>

51、<script type=text/javascript><!--

52、var obj= document.getElementById("nav").getElementsByTagName("li");

53、for(var i=0; i<obj.length; i++){

54、obj[i].onmouseover=function(){

55、this.className+=(this.className.length>0?"":"")+"sfhover";

56、obj[i].onMouseDown=function(){

57、this.className+=(this.className.length>0?"":"")+"sfhover";

58、this.className+=(this.className.length>0?"":"")+"sfhover";

59、this.className=this.className.replace(new RegExp("(?|^)sfhover\\b"),"");

60、var obj= document.getElementById(emid);

61、obj.className=(obj.className.toLowerCase()=="expanded"?"collapsed":"expanded");

62、if((LastLeftID!="")&&(emid!=LastLeftID))//关闭上一个Menu

63、document.getElementById(LastLeftID).className="collapsed";

64、var _paramStr= new String(window.location.href);

65、var _sharpPos= _paramStr.indexOf("#");

66、if(_sharpPos>= 0&& _sharpPos< _paramStr.length- 1)

67、_paramStr= _paramStr.substring(_sharpPos+ 1, _paramStr.length);

68、var _paramArr= _paramStr.split("&");

69、var _paramKeyVal= _paramArr[0].split("=");

70、var _arr= new Array(_paramArr.length);

71、//取所有#后面的，菜单只需用到Menu

72、//for(var i= 0; i< _paramArr.length; i++)

73、var _paramKeyVal= _paramArr[i].split('=');

74、_arr[_paramKeyVal[0]]= _paramKeyVal[1];

75、GetMenuID();//*这两个function的顺序要注意一下，不然在Firefox里GetMenuID()不起效果