CSS内联样式，外部链接样式和嵌入式样式的介绍.

摘要:

以下内容描述了如何在CSS中编写内联样式以及对外部链接样式的编写的介绍，如下所示:

1. 内联样式写作

   
猫猫教程

以上样式信息以内联样式写在元素上.

2. 外部链接样式表信息

在html页面中，我们可以使用链接来引入外部CSS文件作为样式信息，如下所示:

3. 嵌入式样式表

嵌入式样式信息是将样式信息写入html文件，如下所示:

相关文章: 如何在html网页代码中引入CSS样式？如何在html网页中创建CSS样式？

使用某些数据表时，发现字段不符合要求. 我们需要修改字段的类型，然后在mysql中

如何修改数据表的字段？

修改表字段的语法:
   方式1: 
      ALTER TABLE 表名 CHANGE 旧字段名 新字段名 新数据类型;
       
   方式2:
      ALTER TABLE 表名 MODIFY 字段名 数据类型;
     
注意事项:
    即时数据类型无任何变化，也应该输入原数据类型

 
  
mysql>ALTER TABLE tableName CHANGE info newInfo varchar(80);
mysql>ALTER TABLE tableName MODIFY info varchar(80);

该条目发布于2020年8月3日. 它属于mysql类别，并被标记为mysql技能. 作者是maomao2014.

每日存档: 2020年8月4日

如何使用js脚本禁止网页“被iframe嵌套”？

摘要:

下面介绍了如何使用js脚本来防止别有用心的人嵌入网页，如下所示；

实现思路:
   在html代码中加入以下代码，即可禁止网页被别人iframe嵌套
    
   <script>
          window.onload=function(){
              if(window.top != window.self){
                  window.top.location = window.self.location;
              }
         }
   </script>

该条目发布于2020年8月4日. 它属于javascript和javascript知识库的分类，并且带有js技能标记. 作者是maomao2014.

html标签的ul，ol和dl代表什么？

摘要:

下面描述了html标签中ul，ol和dl标签的功能描述，如下所示；

ul标签说明

ul用于组合li以生成无序列表，

生成的li列表不会添加序列号，并且会根据html文档流依次进行解析

  <ul> 
    <li>a</li> 
    <li>b</li> 
    <li>c</li>
    <li>d</li> 
  </ul> 

ol标签说明

ol与li结合使用可生成一个有序列表，

生成的li列表将以序列号作为前缀

  <ol> 
    <li>a</li> 
    <li>b</li> 
    <li>c</li>
    <li>d</li> 
  </ol> 

dl标签说明

dl标签用于定义列表，该列表具有标题和表内容，并形成层次结构关系

   <dl> 
     <dt>header</dt> 
     <dd>content</dd> 
     <dd>content</dd> 
   </dl> 

html tag_ul_ol_dl示例说明

该条目发布于2020年8月4日. 它属于HTML和html知识库的分类，并带有html标签. 作者是maomao2014.

如何实现trim方法的javascript版本？

摘要:

摘要:

下面介绍html的实用技巧-自动调整要共享的文本区域的高度的方法，如下所示；

textarea标记是一个文本框，我们经常使用它输入大量文本. 其中的文本有时会超出标签的预定义高度.

那么我们如何使标签自动变大？如下图所示:

实现思路:
    在textarea上使用监控键盘事件，
当出现scrollHeight，则修改textarea的高度 

示例:

    <meta charset="UTF-8">
    <p>
    maomao365.com<br />
    textarea标签自适应高度示例分享
    </p>
    <hr />
    <style>
        textarea{
            border: 1px solid #eee;
            padding:3px;
            min-height:18px;
        }
    </style> 
    <textarea id="textarea"></textarea><br/> 
    <script>
        var textarea = document.getElementById('textarea');
       
       function textareaChange(el){
            var setStyle = function(el){
                el.style.height = 'auto';
                el.style.height = el.scrollHeight + 'px';
                 
            }
            var delayedResize = function(el) {
                window.setTimeout(function(){
                    setStyle(el)
                }, 0);
            }
            if(el.addEventListener){
                el.addEventListener('input',function(){
                    setStyle(el)
                },false);
                setStyle(el)
            }else if(el.attachEvent){
                el.attachEvent('onpropertychange',function(){
                    setStyle(el)
                })
                setStyle(el)
            }
           
              el.attachEvent("oncut", function(){
                delayedResize(el);
              });//处理粘贴
             
        }
        textareaChange(textarea);
    </script>
 

摘要:

以下内容描述了Js函数reduce（）的语法和用法说明，如下所示:

reduce（）语法

array.reduce（function（total，currentValue，currentIndex，arr），initialValue）

---参数说明-

//计算完成后所需的总数，初始值或返回值

// currentValue是必需的，当前元素

// currentIndex是可选的，当前元素的索引

// arr是可选的，当前元素所属的数组对象

// initialValue是可选的，初始值传递给函数

数组求和

var x = [12,12,13,52,6,10,'8','12'];
var all = x.reduce(function(total,currentValue,currentIndex,arr){
    return total+ Number(currentValue)
},0)
console.log(all);

数组的最大值

var x = [12,12,13,52,6,10,'8','12'];
var maxInfo = x.reduce(function(total,currentValue,currentIndex,arr){
    return Math.max(Number(total),Number(currentValue))
})
console.log(maxInfo);

删除阵列

var x = [12,12,13,52,6,10,'8','12'];
var y = x.reduce(function(total,currentValue,currentIndex,arr){
    if(total.indexOf(currentValue) == -1) {
	    total.push(currentValue);
	}
	return total;
},[])
console.log(y); 

计算数组中每个元素的出现次数

摘要:

下面介绍了javascript中的位置对象的重载方法的功能描述，如下所示；

location.reload方法功能

location.reload方法的功能:

重新加载当前网页的内容，

其功能是刷新网页

location.reload的语法:

location.reload（t）;

————参数说明-

t: 可以为空

当t为true时，将重新加载所有网页（无论是否有缓存）

location.reload方法注意事项:
   此方法可应用于市面上所有浏览器

location.reload方法示例的说明

示例:

javascript中的location.assign（）和location.replace（）有什么区别？

摘要:

下面介绍了javascript中分配和替换之间的区别，如下所示；

window.location.assign（url）

为当前html文档加载新的html文档，

此处的操作等同于跳转到新页面，然后您可以使用“后退”操作返回上一页

window.location.replace（url）

使用此方法将指定的文档加载到当前文档中，

此方法用于替换当前文档的内容. 这不是重定向，因此无法通过“返回”返回上一页

该条目发布于2020年8月9日. 它属于javascript和javascript知识库的分类，并且带有js技能标记. 作者是maomao2014.

本文来自电脑杂谈，转载请注明本文网址：
https://www.pc-fly.com/a/bofangqi/article-303124-1.html