js怎么修改模块

2023-02-21 08:59:03JavaScript06

js怎么修改模块,第1张

同学很简单的，如下操作。

1.一些购买的模板是可以改变的可变图片区域。一般就是这个按钮和对话框，可以在模板的特定模块中找到替换图片。

2.但是，固定背景、边框和标题栏中使用的一些图片无法修改，因为模板制作者将它们封装在固定图片区域中。

3.如果需要修改某一张图片，可以咨询模板制作人，他们最后能给出最准确的答案。

4.原则上不使用黑科技是不能修改买来的模板的。其实就算是已经上线的模板，xml也是不能再编辑的。所以加功能肯定不行(淘宝模板php，php，css都可以改)。一般买家只能通过模板后台已有的功能来更改东西。买的模板的代码不能自己改。

5.自己写代码做模板去应聘设计师就行了。只用简单的php知识，xml，css，html。如果不是js模板，js就不要了。淘宝有很多内置组件，随便叫。

直接给个例子吧

包含两个文件（index.jsp 和 index.js）

<%@ page language="java" contentType="text/html charset=UTF-8"

pageEncoding="UTF-8"%>

</head>

<caption><h2>迈睿练习一</h2></caption>

<button type="button" class="btn btn-info" id="user_add" data-toggle="modal"

data-target="#myModal" onclick="optionUserData(this)">新增</button>

<button type="button" class="btn btn-info" id="user_edit" data-toggle="modal"

data-target="#myModal" onclick="optionUserData(this)">编辑</button>

</caption>

<thead>

<tr>

</tr>

</thead>

</tbody>

</table>

&times

</button>

新增用户

</h4>

</div>

</div>

<button type="button" class="btn btn-default"

data-dismiss="modal">保存

</button>

</div>

</div>

</div>

</div>

</body>

</html>

复制代码

//存放所有用户

var users = users || {}

//操作类型

var operateType = ""

//存放搜索对象

var searchUsers = searchUsers || {}

//用户构造方法

var User = {

Create:function(code,userName,sex,passWord,age,birthday){

this.code = code

this.userName = userName

this.sex = sex

this.passWord = passWord

this.age = age

this.birthday = birthday

//添加用户

addUserData:function(){

if(this.code != ""){

users[this.code] = this

}

//删除用户

deleteUserData:function (){

for(var i in users){

if(this.code == users[i].code){

delete users[i]

}

//编辑用户

editUserData:function(){

for(var i in users){

if(this.code == users[i].code){

users[i].userName = this.userName

users[i].sex = this.sex

users[i].passWord = this.passWord

users[i].birthday = this.birthday

users[i].age = this.age

}

//查找用户

findUserData:function(data){

for(var i in users){

if(data.code.indexOf(users[i].code) >= 0 ||

data.userName.indexOf(users[i].userName) >= 0){

searchUsers[users[i].code] = users[i]

refreshDatas(searchUsers)

}

function New(aClass,aParams){

function new_(){

aClass.Create.apply(this,aParams)

}

new_.prototype = aClass

return new new_()

}

//bootstrap模态框事件

$('#myModal').on('hide.bs.modal', function () {

// 执行一些动作...

var inputElements = this.getElementsByTagName("input")

var userArr = []

for(var i=0i<inputElements.lengthi++){

userArr[i] = inputElements[i].value

}

var user = New(User,userArr)

//添加操作

if(operateType == "add"){

user.addUserData()

refreshDatas(users)

//编辑操作

}else if(operateType == "edit"){

user.editUserData()

refreshDatas(users)

}

})

/**

* 首次加载页面执行方法

function loadUserDatas(){

var userArray = initUserDatas()

addRowData(userArray)

refreshDatas(users)

}

/**

* 初始化用户数据

function initUserDatas(){

var initUser1 = New(User,["1001","小兰","女","1234","13","1991-1-1"])

var initUser2 = New(User,["1002","小毅","男","1234","13","1991-1-1"])

var initUser3 = New(User,["1003","兰花","女","1234","13","1991-1-1"])

var initUser4 = New(User,["1004","兰儿","女","1234","13","1991-1-1"])

users[initUser1.code] = initUser1

users[initUser2.code] = initUser2

users[initUser3.code] = initUser3

users[initUser4.code] = initUser4

return users

}

/**

* 往表格添加一行html数据

function addRowData(datas){

var tbodyElement = document.getElementById("tbody")

var html = ""

var color = "warning"

var flag = true

for(var i in datas){

if(flag){

color = "info"

}else{

color = "warning"

}

html = html + "<tr class='"+ color +"'><td style='width:30px'><input type='checkbox'></td><td id='code'>"

+ datas[i].code +"</td><td id='userName'>"

+ datas[i].userName +"</td><td id='sex'>"

+ datas[i].sex +"</td><td id='passWord'>"

+ datas[i].passWord +"</td><td id='age'>"

+ datas[i].age +"</td><td id='birthday'>"

+ datas[i].birthday +"</td>"

+"</tr>"

flag = !flag//颜色转换

}

tbodyElement.innerHTML = html

}

/**

* 刷新用户数据

function refreshDatas(datas){

addRowData(datas)

}

/**

* 收集一行数据

function collectionRowData(param){

var tdElement = param.getElementsByTagName("td")

var userArr = []

for(var i=1i<tdElement.lengthi++){

var temp = tdElement[i].textContent

userArr[i-1] = temp

}

var user = New(User,userArr)

return user

}

/**

* 用户操作方法

function optionUserData(param){

//获得操作类别

var optionType = param.getAttribute("id")

if(optionType == "user_add"){

operateType = "add"

}else if(optionType == "user_delete"){

var checkRowData = isCheckedData()

var user = collectionRowData(checkRowData)

user.deleteUserData()

refreshDatas(users)

}else if(optionType == "user_edit"){

operateType = "edit"

var checkRowData = isCheckedData()

var user = collectionRowData(checkRowData)

var modal_body = document.getElementById("modal-body")

var inputElements= modal_body.getElementsByTagName("input")

for(var i=0i<inputElements.lengthi++){

var temp = inputElements[i].id.substring(2,inputElements[i].id.length)

inputElements[i].value = user[temp]

}

}else if(optionType == "user_find"){

var s_code = document.getElementById("s_code").value

var s_userName = document.getElementById("s_userName").value

var s_all= document.getElementById("s_all").value

//搜索数据

var s_data = s_data || {}

s_data.code = s_code

s_data.userName = s_userName

s_data.all = s_all

var user = New(User,[])

user.findUserData(s_data)

}else{

}

/**

* 是否选中数据,返回选中数据的行

function isCheckedData(){

var tbodyElement =document.getElementById("tbody")

var trElements = tbodyElement.getElementsByTagName("tr")

var flag = false

for(var i=0i<trElements.lengthi++){

var inputElement = trElements[i].getElementsByTagName("input")[0]

if(inputElement.checked){

flag = true

return trElements[i]

}

if(!flag){

alert("请选择一条记录！")

$('#myModal').unbind("on")

}

1、JavaScript允许你更改元素的class或id。当你更改之后，浏览器会自动更新元素的样式。

2、是className，可不是class

注意：JavaScript使用的是className去访问class属性，因为class是一个保留关键字，因为将来JavaScript可能开始支持像Java一样的类。

例子：

<!doctype html>

<head>

p {

color: #000000 /* black */

}

p.emphasis {

color: #cc0000 /* red */

}

</style>

</head>

<body>

<hr>

</body>

</html>

词库加载错误未能找到文件“E高铁采集器内存溢出ConfigurationDictStopwordstxt”

# 上一篇：css里怎么将字体加渐变颜色？

# 下一篇：电脑触摸板开关在哪

推荐阅读

热门文章

最新发布

标签列表

js怎么修改模块

给您推荐相同类型的内容：