我写的js的代码,js谁写的

本文目录一览:

如何将自己写的js注入到网站网页中

首先你要确认你的是js码,只有js代码才能被调用。

将写好的js代码复制到txt文件中,另存为.js文件,保存在你的网站目录下。我保存在桌面上。(注在网页上调用一定要保存在网页上)

保存好了之后,我的桌面就有一个新建.js的介绍文件,现在看看效果吧。随便新建一个网页,在body/body(注我演示的没有body,是最简单的网页)之间插入script

language=”javascript”

src=”js文件地址”/script,我的是放在桌面上的,所以地址是下面的这个

保存为html文件之后,打开来看看效果吧。

如上图所示,在网页的源文件里面,显示的不是

input

type=button

name=”Submit1″

value=”郭强”

size=10

class=s02

style=”background-color:rgb(235,207,22)”而是这段代码转换成js后js文件所在的位置。

我写了一个JS,获取页面值添加一行的代码,不知道该如何给添加的行添加ID

//创建tr

var tr=document.createElement(“tr”);

var enter=new Array();

enter[0]=document.createTextNode(gname);

enter[1]=document.createTextNode(num);

for(var i=0;ienter.length;i++){

//创建td

var td=document.createElement(“td”);

td.setAttribute(“align”,”center”);

td.colSpan = 3;

if(i==0){

td.id=”goods.id”;

}else if(i==1){

td.id=”num”;

}

//文本追加到td

td.appendChild(enter[i]);

//把td添加到tr

tr.appendChild(td);

}

哪位JS高手帮我写一下代码

慢了一步~不过既然写了,就给你啦~

测试页面在附件里。

js部分代码如下:

function foSort(sortId,direction){

      var sid=parseInt(sortId);

 var ot=document.getElementById(“DHlist”);

 if (sid1 || sidot.rows.length-2){return false;}

 var nsid=direction.toLowerCase()==”up”? (sid=1? ot.rows.length-2:sid-1):(sid+1ot.rows.length-2? 1:sid+1);

 var svs=document.getElementsByName(“sort”);

 

 //替换sort的input的value–start–

 //看你的需要了,如果是要随着上下一起移动,可以把这一段注释掉

 var tsv=svs[sid-1].value; //这里转换为0开头的索引,sort的input比表格少2行,分别是开头和结尾    

 svs[sid-1].value=svs[nsid-1].value;

 svs[nsid-1].value=tsv;  

 //—end–

 

 //还原编号列—start—

 //如果要求编号也一起山下移动,可把此段注释掉

 var tid=ot.rows[sid].cells[0].innerHTML;

 ot.rows[sid].cells[0].innerHTML=ot.rows[nsid].cells[0].innerHTML;

      ot.rows[nsid].cells[0].innerHTML=tid;

 //–end—

 

 //上下切换–start—-

      var tr=ot.rows[sid].innerHTML;  

 ot.rows[sid].innerHTML=ot.rows[nsid].innerHTML;

 ot.rows[nsid].innerHTML=tr;

 //—end—

}

完整HTML+js代码:

html

headmeta http-equiv=”Content-Type” content=”text/html; charset=gb2312″

/headbody

style type=”text/css”

table {border-collapse:collapse;

width:80%;

text-align:center;

}

th {

background:#eee;

}

th,td {

line-height:25px;

}

th,td {

border-bottom:1px solid #ccc;

}

/style

form method=”post”

table id=”DHlist”

trth编号/thth导航名/thth导航说明/thth操作/thth排序/th/tr

tr

input type=”hidden” value=”1″ name=”sort” /

td1/td

td导航1/td

td导航说明1/td

tda href=”?action=updateid=1″修改/anbsp;#124;nbsp;a href=”?action=deleteid=1″删除/a/td

tdinput type=”button” onClick=”foSort(this.parentNode.parentNode.cells[0].innerHTML,’up’)”value=”向上” /input type=”button” onClick=”foSort(this.parentNode.parentNode.cells[0].innerHTML,’down’)”value=”向下” //td

/tr

tr

input type=”hidden” value=”2″ name=”sort” /

td2/td

td导航2/td

td导航说明2/td

tda href=”?action=updateid=1″修改/anbsp;#124;nbsp;a href=”?action=deleteid=1″删除/a/td

tdinput type=”button” onClick=”foSort(this.parentNode.parentNode.cells[0].innerHTML,’up’)”value=”向上” /input type=”button” onClick=”foSort(this.parentNode.parentNode.cells[0].innerHTML,’down’)”value=”向下” //td

/tr

tr

input type=”hidden” value=”3″ name=”sort” /

td3/td

td导航3/td

td导航说明3/td

tda href=”?action=updateid=3″修改/anbsp;#124;nbsp;a href=”?action=deleteid=1″删除/a/td

tdinput type=”button” onClick=”foSort(this.parentNode.parentNode.cells[0].innerHTML,’up’)”value=”向上” /input type=”button” onClick=”foSort(this.parentNode.parentNode.cells[0].innerHTML,’down’)”value=”向下” //td

/tr

trtd colspan=”6″input type=”submit” value=”提交” name=”send” /td/tr

/table

/form

script type=”text/javascript”

function foSort(sortId,direction){

    var sid=parseInt(sortId);

 var ot=document.getElementById(“DHlist”);

 if (sid1 || sidot.rows.length-2){return false;}

 var nsid=direction.toLowerCase()==”up”? (sid=1? ot.rows.length-2:sid-1):(sid+1ot.rows.length-2? 1:sid+1);

 var svs=document.getElementsByName(“sort”);

 //替换sort的input的value–start–

 //看你的需要了,如果是要随着上下一起移动,可以把这一段注释掉

 var tsv=svs[sid-1].value; //这里转换为0开头的索引,sort的input比表格少2行,分别是开头和结尾  

 svs[sid-1].value=svs[nsid-1].value;

 svs[nsid-1].value=tsv;

 //—end–

 //还原编号列—start—

 //如果要求编号也一起山下移动,可把此段注释掉

 var tid=ot.rows[sid].cells[0].innerHTML;

 ot.rows[sid].cells[0].innerHTML=ot.rows[nsid].cells[0].innerHTML;

    ot.rows[nsid].cells[0].innerHTML=tid;

 //–end—

 //上下切换–start—-

    var tr=ot.rows[sid].innerHTML;

 ot.rows[sid].innerHTML=ot.rows[nsid].innerHTML;

 ot.rows[nsid].innerHTML=tr;

 //—end—

}

/script

/body

/html

JS代码怎么写

将需要在js中修改的代码放在js变量中,该变量在js中定义,然后在insertHtml中添加这段代码,示例如下:var code = “a herf = ‘#’img url = ‘#’/a”;insertHtml(“beforeend”,document.body,code);将包含上述代码的js引入到页面中即可,在页面上调用js的代码如下:script language=javascript src=”test.js”/scriptinsertHtml的使用方法:insertHtml(where,el,html);where:插入位置。包括beforeBegin,beforeEnd,afterBegin,afterEndel:用于参照插入位置的html元素对象html;要插入的html代码例:insertHtml(“beforeEnd”,document.getElementById(“fav_list”),”li id=’aaa’a href=” class=’fav_link’百度/a/li”);

js代码怎么写

建议楼主看下js基础

每一项都是js使用中的小技巧,基础但十分的实用!

1.document.write(“”); 输出语句

2.JS中的注释为//

3.传统的HTML文档顺序是:

document-html-(head,body)

4.一个浏览器窗口中的DOM顺序是:

window-(navigator,screen,history,location,document)

5.得到表单中元素的名称和值:

document.getElementById(“表单中元素的ID号”).name(或value)

6.一个小写转大写的JS:

document.getElementById(“output”).value=document.getElementById(“input”).value.toUpperCase();

7.JS中的值类型:

String,Number,Boolean,Null,Object,Function

8.JS中的字符型转换成数值型:

parseInt(),parseFloat()

9.JS中的数字转换成字符型:

(“” 变量)

10.JS中的取字符串长度是:

(length)

11.JS中的字符与字符相连接使用 号.

12.JS中的比较操作符有:

==等于,!=不等于,,=,.=

13.JS中声明变量使用:

var来进行声明

14.JS中的判断语句结构:

if(condition){}else{}

15.JS中的循环结构:

for([initial expression];[condition];[upadte expression]) {inside loop}

16.循环中止的命令是:

break

17.JS中的函数定义:

function functionName([parameter],…){statement[s]}

18.当文件中出现多个form表单时.可以用document.forms[0],document.forms[1]来代替.

19.窗口:

打开窗口window.open(), 关闭一个窗口:window.close(), 窗口本身:self

20.状态栏的设置:

window.status=”字符”;

21.弹出提示信息:

window.alert(“字符”);

22.弹出确认框:

window.confirm();

23.弹出输入提示框:

window.prompt();

24.指定当前显示链接的位置:

window.location.href=”URL”

25.取出窗体中的所有表单的数量:

document.forms.length

26.关闭文档的输出流:

document.close();

27.字符串追加连接符: =

28.创建一个文档元素:

document.createElement(),document.createTextNode()

29.得到元素的方法:

document.getElementById()

30.设置表单中所有文本型的成员的值为空:

var form = window.document.forms[0]

for (var i = 0; iform.elements.length;i ){

if (form.elements.type == “text”){

form.elements.value = “”;

}

}

原创文章,作者:QGUY,如若转载,请注明出处:https://www.506064.com/n/139166.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
QGUYQGUY
上一篇 2024-10-04 00:22
下一篇 2024-10-04 00:22

相关推荐

  • JS Proxy(array)用法介绍

    JS Proxy(array)可以说是ES6中非常重要的一个特性,它可以代理一个数组,监听数据变化并进行拦截、处理。在实际开发中,使用Proxy(array)可以方便地实现数据的监…

    编程 2025-04-29
  • Python周杰伦代码用法介绍

    本文将从多个方面对Python周杰伦代码进行详细的阐述。 一、代码介绍 from urllib.request import urlopen from bs4 import Bea…

    编程 2025-04-29
  • Python字符串宽度不限制怎么打代码

    本文将为大家详细介绍Python字符串宽度不限制时如何打代码的几个方面。 一、保持代码风格的统一 在Python字符串宽度不限制的情况下,我们可以写出很长很长的一行代码。但是,为了…

    编程 2025-04-29
  • Python基础代码用法介绍

    本文将从多个方面对Python基础代码进行解析和详细阐述,力求让读者深刻理解Python基础代码。通过本文的学习,相信大家对Python的学习和应用会更加轻松和高效。 一、变量和数…

    编程 2025-04-29
  • Python满天星代码:让编程变得更加简单

    本文将从多个方面详细阐述Python满天星代码,为大家介绍它的优点以及如何在编程中使用。无论是刚刚接触编程还是资深程序员,都能从中获得一定的收获。 一、简介 Python满天星代码…

    编程 2025-04-29
  • 仓库管理系统代码设计Python

    这篇文章将详细探讨如何设计一个基于Python的仓库管理系统。 一、基本需求 在着手设计之前,我们首先需要确定仓库管理系统的基本需求。 我们可以将需求分为以下几个方面: 1、库存管…

    编程 2025-04-29
  • 写代码新手教程

    本文将从语言选择、学习方法、编码规范以及常见问题解答等多个方面,为编程新手提供实用、简明的教程。 一、语言选择 作为编程新手,选择一门编程语言是很关键的一步。以下是几个有代表性的编…

    编程 2025-04-29
  • Python实现简易心形代码

    在这个文章中,我们将会介绍如何用Python语言编写一个非常简单的代码来生成一个心形图案。我们将会从安装Python开始介绍,逐步深入了解如何实现这一任务。 一、安装Python …

    编程 2025-04-29
  • 怎么写不影响Python运行的长段代码

    在Python编程的过程中,我们不可避免地需要编写一些长段代码,包括函数、类、复杂的控制语句等等。在编写这些代码时,我们需要考虑代码可读性、易用性以及对Python运行性能的影响。…

    编程 2025-04-29
  • 北化教务管理系统介绍及开发代码示例

    本文将从多个方面对北化教务管理系统进行介绍及开发代码示例,帮助开发者更好地理解和应用该系统。 一、项目介绍 北化教务管理系统是一款针对高校学生和教职工的综合信息管理系统。系统实现的…

    编程 2025-04-29

发表回复

登录后才能评论