js中用户自定义对象,用弹框实现加减乘除的便利运算,js常用对象

2023-10-30

使用object构造对象

<body>
		<script type="text/javascript">
			//自定义对象的创建
	//使用object创建一个对象
			var student =new Object
			//给对象student添加属性stuId,stuName,className
			student.stuId="11"
			student.stuName="张三"
			student.className="测试1"
			//给对象添加一个函数
			student.sayHello=function(){
				console.log("大家好")
			}
			//对象名。函数名()实现函数调用
			student.sayHello()
			console.log(student)//console.log(student.id/name/class..)
	

//使用function创建对象

function teacher(tid,tname){
		//行为
		this.tid=tid
		this.tname=tname
		this.eat=function(){
			//对象
			console.log("吃饭")
		}
	}
	var t1=new teacher("1","李四")
	t1.eat()
	console.log(t1.tid,t1.tname)
		</script>
	</body>

加减乘除的运算,例如此类弹框

 

<body>
        第一个数:<input type="text" name="" id="one" /><br/>
        第二个数:<input type="text" name="" id="two" /><br/>
        //onclick单击事件
                运算方式:<input type="button" name="" id="jiafa"value="+"οnclick="cal('+')" />
        <input type="button" name="" id=""value="-"οnclick="cal('-')" />
        <input type="button" name="" id=""value="*"οnclick="cal('*')" />
        <input type="button" name="" id=""value="/"οnclick="cal('/')" /><br/>
        运算结果:<input type="text" name="result" id="result"value="" />
        <script type="text/javascript">
            function cal(a){
                //实现两个数相加
                //获取文本框的值
                var one=document.getElementById("one").value
                var two=document.getElementById("two").value
                //获取后计算,注意要转换为数字类型
                var result=0
                if(a=="+"){
                    result=    parseFloat(one)+parseFloat(two)    
                }else if(a=="-"){
                    result=    parseFloat(one)-parseFloat(two)
                }else if(a=="*"){
                    result=    parseFloat(one)*parseFloat(two)
                }else if(a=="/"){
                    result=    parseFloat(one)/parseFloat(two)
                }
        
                document.getElementById("result").value=result
                
            }

字符串对象常用方法

 举例<body>
        <script type="text/javascript">
            //字符串对象
            var str="hello word"
            //获取字符串长度
            console.log(str.length)
            
            //判断是否包含某字符  ""和''性质一样
            console.log(str.indexOf("l"))
            console.log(str.indexOf('b'))
            
            //截取字符 截取字符中的一段
            console.log(str.substring(0,5))
            //获取字符中的几个字符
            console.log(str.substr(2,5))
           </script>

判断邮箱格式是否正确

 

 

本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系:hwhale#tublm.com(使用前将#替换为@)

js中用户自定义对象,用弹框实现加减乘除的便利运算,js常用对象 的相关文章

  • JS 代码覆盖率

    我是测试场景的新手 我有一个问题想请你帮忙 例如 如果我有一个从 HTML JS 和 CSS 实现并调用其他 API 的 Web 应用程序 在测试此 Web 应用程序时 在进行功能测试时如何在浏览器中测量 HTML JS CSS 浏览器应用
  • Javascript:生成具有固定平均值和标准差的随机数

    我的问题 如何在 Javascript 中创建具有给定平均值和标准差 sd 的随机数列表 Example 我想创建一个包含 5 个范围在 1 到 10 之间的随机数的列表 生成的平均值应为 5 标准差应为 2 到目前为止我所做的 我的想法是
  • 如何将变量传递给函数引用?

    在 React Native 中 当你有需要在渲染时运行并且必须传递变量的函数时 大多数人建议应该使用 onPress gt this functionName variable 然而 当处理大型列表和复杂组件时 您必须优化代码 为每个 r
  • jquery .load() 不起作用

    我似乎无法让 jquery 的 load 函数工作 一定是我缺少的一些简单的东西 基本上只是试图将 more html 的片段加载到 index html 中 索引 html
  • 带标签的 Material-ui 文本字段[关闭]

    Closed 这个问题需要多问focused help closed questions 目前不接受答案 谁能告诉我如何在material ui lib中制作带有标签的文本字段 寻找这样的东西 https github com callem
  • 逻辑 && 和 || JavaScript 中的运算符

    我想进一步澄清一些事情 考虑一下 var a 42 var b abc var c null a b 42 a b abc c b abc c b null 我知道对于 运算符 如果第一个操作数的测试为真 则 表达式的结果是第一个操作数 a
  • 即使 WebPack 构建工作正常,VS Code 显示未找到模块

    我的 VS Code 说它找不到导入 即使我的 WebPack 构建仍然有效 这是进口 import as tf from tensorflow tfjs 以及来自 VS Code 的消息 找不到模块 tensorflow tfjs 您的意
  • 将模板添加为innerHTML 时,Angular 2 绑定/事件不起作用

    我正在尝试创建一个可配置的可重用表 单元格可以配置为具有 html 模板 我正在配置列 Review 拥有带有带有点击事件的锚标记的 html 模板 审核 行 到目前为止 我尝试将此模板作为innerHTML 插入 但所有角度绑定都不起作用
  • 我可以在 Express POST 请求中进行 DOM 操作吗?

    我正在使用基本的 HTML CSS 前端 目前有一个登陆页面 上面有一个表单 可将 一些数据发送到数据库 当请求完成后 它期待某种响应 在这种情况下 我正在重新渲染页面 但是 我想用某种感谢消息替换表单 以便用户知道它已正确发送 我尝试过简
  • 窗口对象没有创建它的页面附加的属性

    我用window open url target 开一个url在新选项卡 窗口中 在此之前 我在新打开的窗口对象上设置了一些属性 目的是将数据从该页面 新窗口的创建者 传递到新创建的窗口 在除 Internet Explorer 之外的所有
  • 我可以检测焦点来源吗? (Javascript、jQuery)

    快速提问 是否可以检测焦点是来自鼠标单击还是来自焦点事件的选项卡 我想如果没有 我将不得不在同一元素上使用单击句柄来确定源 但我更喜欢通过焦点事件的方式 Thanks Gausie 可能无法 100 工作 但如果没有直接的方法 那么你不能直
  • JavaScript 附加和前置与 jQuery 附加和前置

    QA Style 我最近读了一篇文章 里面说JavaScript已经实现了append and prepend受 jQuery 启发的方法 这对我来说是一个新知识 因为据我所知 要附加一个元素 我必须使用element appendChil
  • Javascript onclick隐藏div

    我想使用 javascript 隐藏这个警告 div 我的 javascript 正确吗 我想在单击关闭图标时隐藏 关闭 div images close icon gif div strong Warning strong These a
  • 将纬度/经度转换为 X/Y,以便在美国地图图像上进行阿尔伯斯投影

    我正在尝试使用 C 或 Javascript 将纬度 经度转换为 X Y 坐标 以将带有 CSS 的 div 左 上 定位到美国地图的背景图像上 美国的标准地图投影是阿尔伯斯投影 如下所示 但 StackOverflow 仅提供参考基本墨卡
  • 添加 sigma.js 导航按钮

    我是 javascript 和 sigma js 的新手 我试图让导航按钮在画布中向上 向下 向左 向右滚动 就像发现的那样here http jcml fr jacomyal osdc2012 demo 到目前为止 我有一个简单的例子 我
  • JavaScript IDE/编译器

    现在 我希望你们中的一些人能够理解我的要求 我是编程新手 我在 Codecademy com 上了解了 JavaScript 我使用 labs codecademy com 来编写 JavaScript 但它有限制 对于编程新手来说 我可以
  • 使用 puppeteer 部署 firebase 功能时说即使我启用了 --no-sandbox 也找不到 chrome

    我正在尝试将 firebase 函数部署到使用 puppeteer 的 firebase 项目 我让它在本地计算机上运行 但是当它尝试在 firebase 上运行时 我收到此错误 Exception from a finished func
  • Angular 计算 HTML 中的百分比

    我试图在 HTML 中显示百分比值 如下所示 td myvalue totalvalue 100 td 它可以工作 但有时它会给出一个很长的小数 这看起来很奇怪 如何四舍五入到小数点后两位 有更好的方法吗 您可以使用过滤器 如下所示杰夫约翰
  • jQuery() 与 jQuery.parseHtml() 空格语法错误

    我有一行 javascript 导致 jQuery 中出现语法错误 document find Container replaceWith data find Content 代码本身如果相当无害的话 它所做的只是从 ajax 调用获取响应
  • 与桌面浏览器相比,移动浏览器有多强大? [关闭]

    就目前情况而言 这个问题不太适合我们的问答形式 我们希望答案得到事实 参考资料或专业知识的支持 但这个问题可能会引发辩论 争论 民意调查或扩展讨论 如果您觉得这个问题可以改进并可能重新开放 访问帮助中心 help reopen questi

随机推荐